javascript - Changing svg element position from its xml -


i have svg icons place in middle of svg circle in web page. use same javascript function snap images 1 not centered properly...

i tried put directly svg in html test (see http://jsfiddle.net/aop5znab/) can notice, ball placed correctly, not man, should on top left (like, below ball...).

as far know svg, position can changed transform attribut or directly in path (relativ or absolute path points). icon hasn't transform attribute think can path points positioning differently.

can tell me if i'm right ?

  • if yes, can change in xml of svg set top-left position (without transform please)
  • if no, what's problem ?

here svg :

<g style="fill:#808080">     <g fill="#0ea507">         <circle cx="75.042" cy="68.168999" r="4.3889999" fill="#0ea507" d="m 79.431,68.168999 c 79.431,70.592976 77.465978,72.557999 75.042,72.557999 72.618022,72.557999 70.653,70.592976 70.653,68.168999 70.653,65.745021 72.618022,63.779999 75.042,63.779999 77.465978,63.779999 79.431,65.745021 79.431,68.168999 z"/>         <g fill="#0ea507">             <g fill="#0ea507">                 <g fill="#0ea507">                     <polyline                         points="67.165,87.193 70.991,77.023 74.929,77.023"                         fill="#0ea507" />                     <path                         d="m 67.165,89.22 c 66.928,89.22 66.687,89.178 66.451,89.089 65.404,88.695 64.875,87.527 65.269,86.48 l 69.096,76.31 c 69.393,75.521 70.148,74.998 70.992,74.998 h 74.93 c 76.049,74.998 76.956,75.905 76.956,77.024 76.956,78.143 76.049,79.049 74.93,79.049 h 72.393 l 69.06,87.907 c 68.755,88.719 67.984,89.22 67.165,89.22 z"                         id="path3010"                         fill="#0ea507" />                 </g>                 <g                     fill="#0ea507">                     <polyline                         points="82.92,87.193 79.094,77.023 75.155,77.023"                         fill="#0ea507" />                     <path                         d="m 82.92,89.22 c 82.101,89.22 81.329,88.719 81.024,87.907 l 77.691,79.049 h 75.154 c 74.035,79.049 73.129,78.142 73.129,77.024 73.129,75.905 74.036,74.998 75.154,74.998 h 79.093 c 79.936,74.998 80.692,75.521 80.989,76.31 l 84.815,86.48 c 85.209,87.527 84.68,88.695 83.633,89.089 83.399,89.177 83.158,89.22 82.92,89.22 z"                         fill="#0ea507" />                 </g>             </g>             <path                 d="m 75.042,75.006 c 75.042,75.006 80.782,74.556 80.219,80.183 79.656,85.81 77.63,103.365 76.617,103.478 75.604,103.591 75.942,103.703 75.042,103.703 74.142,103.703 74.479,103.591 73.467,103.478 72.454,103.365 70.428,85.809 69.865,80.183 69.302,74.557 75.042,75.006 75.042,75.006 z"                 fill="#0ea507" />             </g>             </g>     </g>

note : tried this didn't changed anything...

the best solution i've found use inkscape answered in thread : removing transforms in svg files

here's copy/past of steps proposed in answer :

remove transforms in inkscape

  1. open svg file in inkscape
  2. go edit > xml editor
  3. find transform attributes in layers , delete them

how move objects altogether without creating transform attributes

  1. ungroup grouped elements object > ungroup
  2. go edit > select in layers
  3. go object > transform

then in transform panel

  1. uncheck relative move , check apply each object separately
  2. set horizontal , vertical values according needs , click apply

Comments

Post a Comment

Popular posts from this blog

html - Outlook 2010 Anchor (url/address/link) -

i'm trying link specific pdf page msoutlook'10 or msword'10, #page=... anchor particularly useful , works fine elsewhere. unfortunately when click [ctr-k] in outlook or winword, links re-formatted assuming unc path. pdf file located on shared drive. using "file:" prefix links open pdf in adobe reader (outside of browser), , "http:" open inside browser. issue seem need open in browser "file:" prefix in order anchor work. know anchors work inside browser. outlook uses windows/explorer default program (based on file extension) seems open in adobe reader neglecting anchor. is aware of solution, link specific page or bookmark of shared-pdf ms outlook and/or winword link? common references: mailermailer.com/...anchor-tags-html-emails campaignmonitor.com/...anchor-links-in-email-newsletters/ stackoverflow.com/...anchor-in-pdf-document
Read more

javascript - Why does running this loop 9 times take 100x longer than running it 8 times? -

consider code: test = function() { } t = new test(); (var = 0; < 8; i++) { result = t instanceof test; } if change number of iterations 8 9 , loop take 100 times longer complete in latest version of firefox (41.0.1). tested on 2 different pcs , magic limit 8. here jsperf test used: http://jsperf.com/instanceof-8-times-vs-9-times does have idea why might happen? seems specific instanceof . not happen if else object, example check property. note: filed bugzilla bug this. jan de mooij mozilla team has posted details in bugzilla thread . here's simplistic interpretation of highly technical answers: in i < 8 case, firefox smart enough hoist result = t instanceof test; statement out of loop (according tests, doesn't seem omit altogether). in i < 9 case, apparently doesn't optimization . why? reason not clear, related fact 9 iterations threshold above function considered "hot" enough run through jit compiler. i < 8 cas...
Read more

Getting gateway time-out Rails app with Nginx + Puma running on Digital Ocean -

following this guide setup app on digital ocean droplet, not working. site not loading , it's throwing: "gateway time-out". the puma server works, since ps aux | grep puma prints: root 15878 0.0 0.4 376832 2168 ? sl 12:50 0:00 puma 2.13.4 (unix:///var/www/myapp/shared/tmp/sockets/myapp-puma.sock) [20150930164940] root 15881 0.0 0.7 903676 3692 ? sl 12:50 0:06 puma: cluster worker 0: 15878 [20150930164940] root 24654 0.0 0.1 11748 916 pts/2 s+ 18:00 0:00 grep --color=auto puma my nginx config: user root; worker_processes 1; events { worker_connections 1024; } http { upstream puma { server unix:///var/www/myapp/shared/tmp/sockets/myapp-puma.sock; } server { listen 80; server_name myapp.com; root /var/www/myapp/current/public; access_log /var/www/myapp/current/log/access.log; error_log /...
Read more