Snap.svg hiding and showing objects from different layers of existing svg file -

-

i have defined variable 'circle' on hidden layer of svg. know how show , hide again.

edit: aright, i'm sorry wasn't specific. i'm beginner :) have .svg file 2 circles - black , grey. i'd black button appear when grey 1 hovered. point is, circles on different layers , manage visibility inkscape(hide elements on given layer). here's fragment code of svg file contains inkscape meta "grey" layer:

<g  inkscape:label="grey"  inkscape:groupmode="layer"  id="layer1"  transform="translate(-8.571418,-6.6478954)"> <path    sodipodi:type="arc"    style="fill:#a4a4a4;fill-opacity:1;fill-rule:nonzero;stroke:none"    id="grey"    sodipodi:cx="180"    sodipodi:cy="289.50504"    sodipodi:rx="90"    sodipodi:ry="90"    d="m 270,289.50504 c 0,49.70562 -40.29437,90 -90,90 -49.70563,0 -90,-40.29438 -90,-90 0,-49.70563 40.29437,-90 90,-90 49.70563,0 90,40.29437 90,90 z"    transform="translate(-67.142862,-184.28571)" />

and here's html:

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>button</title>  <script src="snap.svg-min.js"></script> <script>      window.onload = function () {          var s = snap("#icondiv");          snap.load("button.svg", function(f) {              grey = f.select("#grey");             black = f.select("#black");              grey.hover(function() {                        black.animate({y:200}, 200, mina.elastic);                      },                      function() {                         black.animate({y:180}, 200, mina.elastic);                     }             );              s.append(f);         });     }; </script> </head>  <body> <div id="icondiv"></div> </body> </html>


Comments

Post a Comment

Popular posts from this blog

yii2 - Yii 2 Running a Cron in the basic template -

-
i have seen instructions on running cron in advanced template, cant figure out how on basic template. have following controller in basic controllers folder. <?php namespace app\controllers; use yii\console\controller; /** * cron controller */ class croncontroller extends controller { public function actionindex() { echo "cron service runnning"; } public function actionmail($to) { echo "sending mail " . $to; } } i have navigated root of application , tried these comands yii cron php yii cron im getting unknown comand "cron" i know old question failed find actual answer this. if @ code yii exec file you'll notice requires /common/config/aliases.php file console/config/main.php. can naturally change these or copy on these advanced template. hope solves problem wanting same thing.
Read more

asp.net - 'System.Web.HttpContext' does not contain a definition for 'GetOwinContext' Mystery -

-
i realize question might seem trivial some, it's these types of things find myself fighting quite bit , want make sense of despite seeming losing battle in .net (for me anyway). so, if following: using system.web; ... applicationuser user = system.web.httpcontext.getowincontext().getusermanager<applicationusermanager>().findbyid(system.web.httpcontext.user.identity.getuserid()); that produces error in title , red getowincontext() , error cannot resolve symbol 'getowincontext()' however, if following (remove system.web in front of httpcontext ), works expected (or @ least no errors): using system.web; ... applicationuser user = httpcontext.getowincontext().getusermanager<applicationusermanager>().findbyid(system.web.httpcontext.user.identity.getuserid()); however, if (same line that's working using system.web commented out): //using system.web; ... applicationuser user = httpcontext.getowincontext().getusermana...
Read more

wso2esb - How to concatenate JSON array values in WSO2 ESB? -

-
we have json object below, expected result in: "(001),(011),(089),(120)". can suggest how iterate json array , concat values mention . "(001),(011),(089),(120)" thanks in advance. { "element": { "values": { "agentid": "aaaaa", "transactiondata": [ { "no": "001" }, { "no": "011" }, { "no": "089" }, { "no": "120" } ] } } } you can using iterate mediator, filter mediator , properties operation scope. try solution. @ end have (001),(011),(089),(120) value in concat-data property. have added complete proxy reference. <?xml version="1.0" encoding=...
Read more