Mercurial > MadButterfly
view img/madbutterfly.svg @ 1395:a768d74e5f49
Fix the svg:use. For a svg:use, it is a group which include the content it reference. It means that we can not tween it to its origin object directly. Instead, we need to ungroup it and then use the result matrix to generate the tweened transformation matrix. Therefore, we need to concate its matrix to the referenced object.
Ad center object when the bbox-x is not available.
author | wycc |
---|---|
date | Sat, 02 Apr 2011 05:36:36 +0800 |
parents | 42698de1f653 |
children |
line wrap: on
line source
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <!-- Created with Inkscape (http://www.inkscape.org/) --> <svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://web.resource.org/cc/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="200" height="200" id="svg2" sodipodi:version="0.32" inkscape:version="0.45.1" version="1.0" sodipodi:docbase="/usr/home/thinker/progm/MadButterfly/img" sodipodi:docname="madbutterfly.svg" inkscape:output_extension="org.inkscape.output.svg.inkscape"> <defs id="defs4"> <linearGradient inkscape:collect="always" id="linearGradient8035"> <stop style="stop-color:#ffffff;stop-opacity:1;" offset="0" id="stop8037" /> <stop style="stop-color:#ffffff;stop-opacity:0;" offset="1" id="stop8039" /> </linearGradient> <linearGradient id="linearGradient4145"> <stop style="stop-color:#008000;stop-opacity:1;" offset="0" id="stop4147" /> <stop style="stop-color:#008000;stop-opacity:0.54639173;" offset="1" id="stop4149" /> </linearGradient> <linearGradient id="linearGradient4134"> <stop style="stop-color:#000080;stop-opacity:1;" offset="0" id="stop4136" /> <stop style="stop-color:#000080;stop-opacity:0.65979379;" offset="1" id="stop4138" /> </linearGradient> <linearGradient id="linearGradient3155"> <stop style="stop-color:#808000;stop-opacity:1;" offset="0" id="stop3157" /> <stop style="stop-color:#808000;stop-opacity:0;" offset="1" id="stop3159" /> </linearGradient> <linearGradient id="linearGradient2164"> <stop style="stop-color:#ff0000;stop-opacity:1;" offset="0" id="stop2166" /> <stop style="stop-color:#ff0000;stop-opacity:0.29896906;" offset="1" id="stop2168" /> </linearGradient> <radialGradient inkscape:collect="always" xlink:href="#linearGradient2164" id="radialGradient2170" cx="243.63586" cy="107.18027" fx="243.63586" fy="107.18027" r="79.839772" gradientTransform="matrix(0.7138308,0.8129738,-0.656456,0.5764012,-3.9202139,-158.52915)" gradientUnits="userSpaceOnUse" /> <linearGradient inkscape:collect="always" xlink:href="#linearGradient4134" id="linearGradient4143" gradientUnits="userSpaceOnUse" x1="87.598946" y1="152.50659" x2="84.432716" y2="165.69922" /> <linearGradient inkscape:collect="always" xlink:href="#linearGradient4145" id="linearGradient4151" x1="122.69129" y1="99.208443" x2="123.12633" y2="84.189491" gradientUnits="userSpaceOnUse" /> <linearGradient inkscape:collect="always" xlink:href="#linearGradient4134" id="linearGradient8031" gradientUnits="userSpaceOnUse" x1="87.598946" y1="152.50659" x2="84.432716" y2="165.69922" /> <radialGradient inkscape:collect="always" xlink:href="#linearGradient8035" id="radialGradient8041" cx="77.427673" cy="113.25273" fx="77.427673" fy="113.25273" r="9.7625332" gradientTransform="matrix(0.4496916,2.6403222,-0.8973659,6.9775647e-2,144.23825,-99.276272)" gradientUnits="userSpaceOnUse" /> <radialGradient inkscape:collect="always" xlink:href="#linearGradient8035" id="radialGradient8045" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0.4496916,2.6403222,-0.8973659,6.9775647e-2,144.23825,-99.276272)" cx="77.427673" cy="113.25273" fx="77.427673" fy="113.25273" r="9.7625332" /> </defs> <sodipodi:namedview id="base" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" gridtolerance="10000" guidetolerance="10" objecttolerance="10" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="1.895" inkscape:cx="100" inkscape:cy="105.24277" inkscape:document-units="px" inkscape:current-layer="layer1" width="200px" height="200px" inkscape:window-width="822" inkscape:window-height="609" inkscape:window-x="320" inkscape:window-y="129" /> <metadata id="metadata7"> <rdf:RDF> <cc:Work rdf:about=""> <dc:format>image/svg+xml</dc:format> <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> </cc:Work> </rdf:RDF> </metadata> <g inkscape:label="Layer 1" inkscape:groupmode="layer" id="layer1"> <path style="fill:url(#radialGradient2170);fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" d="M 120.84433,50.131926 C 133.14255,35.928559 152.50196,23.10275 172.03167,46.437995 C 208.71237,90.266248 148.28496,117.1504 148.28496,117.1504 C 148.28496,117.1504 189.44591,111.87335 176.2533,151.45119 C 163.06069,191.02903 117.6781,108.70713 117.6781,108.70713 C 112.40106,99.736147 135.09235,187.3351 108.17942,178.36412 C 81.266491,169.39314 90.237467,141.95251 90.237467,141.95251 C 90.237467,141.95251 8.9709762,165.17151 21.635884,107.12401 C 34.300791,49.076517 76.51715,68.601583 76.51715,68.601583 C 76.51715,69.129287 86.015831,67.546174 108.17942,82.321899 L 109.23483,81.794195 C 104.48549,71.240105 120.84433,50.131926 120.84433,50.131926 z " id="path2162" sodipodi:nodetypes="cscscscscccc" /> <path style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" d="M 58.047493,51.187335 C 58.047493,50.483729 58.047493,50.483729 58.047493,51.187335 C 58.047493,57.9544 71.204408,36.903616 75.989446,41.688654 C 78.421154,44.120362 75.451956,50.708555 74.934037,53.298153 C 74.560893,55.16387 77.981581,55.613482 79.683377,56.46438 C 85.307356,59.276369 72.355982,62.269129 84.432718,62.269129 C 86.466317,62.269129 88.508148,66.322287 91.292876,67.018469 C 98.224806,68.751451 104.24543,74.501494 106.0686,81.794195 C 106.27171,82.606602 106.34046,78.560006 106.06861,78.627968" id="path2176" sodipodi:nodetypes="csssssssc" /> <path style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" d="M 88.654353,20.05277 C 89.6818,24.162555 97.209476,20.080733 101.31927,21.108179 C 106.10641,22.304966 108.32413,27.772517 107.65172,31.134564 C 107.06828,34.051779 104.54305,36.181391 103.95779,38.522427 C 102.53623,44.208644 113.44114,36.426933 105.5409,44.327176 C 101.0676,48.800477 105.5409,45.813958 105.5409,51.187335 C 105.5409,56.565846 103.95779,59.728287 103.95779,63.324538 C 103.95779,66.753036 104.82215,68.892791 105.5409,71.76781 C 105.85847,73.038092 107.20739,75.267538 107.65172,77.044855" id="path2178" /> <path sodipodi:type="arc" style="opacity:1;fill:url(#linearGradient4151);fill-opacity:1;stroke:#000000;stroke-width:0.51204318;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" id="path2182" sodipodi:cx="122.69129" sodipodi:cy="99.208443" sodipodi:rx="6.5963058" sodipodi:ry="19.525066" d="M 129.2876 99.208443 A 6.5963058 19.525066 0 1 1 116.09499,99.208443 A 6.5963058 19.525066 0 1 1 129.2876 99.208443 z" transform="matrix(0.6642098,-0.2778944,0.5111422,1.2217072,-16.635097,13.155406)" /> <path sodipodi:type="arc" style="opacity:0.9;fill:url(#linearGradient4143);fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" id="path3163" sodipodi:cx="87.598946" sodipodi:cy="157.25594" sodipodi:rx="8.4432716" sodipodi:ry="12.137203" d="M 96.042217 157.25594 A 8.4432716 12.137203 0 1 1 79.155674,157.25594 A 8.4432716 12.137203 0 1 1 96.042217 157.25594 z" transform="translate(18.469657,-5.8047497)" /> <path sodipodi:type="arc" style="opacity:0.9;fill:url(#linearGradient8031);fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" id="path8029" sodipodi:cx="87.598946" sodipodi:cy="157.25594" sodipodi:rx="8.4432716" sodipodi:ry="12.137203" d="M 96.042217 157.25594 A 8.4432716 12.137203 0 1 1 79.155674,157.25594 A 8.4432716 12.137203 0 1 1 96.042217 157.25594 z" transform="matrix(0.7243724,-0.6894089,0.6894089,0.7243724,-20.416713,78.933457)" /> <path sodipodi:type="arc" style="opacity:1;fill:url(#radialGradient8041);fill-opacity:1;stroke:none;stroke-width:2;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" id="path8033" sodipodi:cx="76.781006" sodipodi:cy="113.45647" sodipodi:rx="9.7625332" sodipodi:ry="18.997362" d="M 86.543539 113.45647 A 9.7625332 18.997362 0 1 1 67.018473,113.45647 A 9.7625332 18.997362 0 1 1 86.543539 113.45647 z" transform="matrix(0.6298786,-0.2445212,0.3618914,0.9322203,1.607398,16.438249)" /> <path sodipodi:type="arc" style="opacity:1;fill:url(#radialGradient8045);fill-opacity:1;stroke:none;stroke-width:2;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" id="path8043" sodipodi:cx="76.781006" sodipodi:cy="113.45647" sodipodi:rx="9.7625332" sodipodi:ry="18.997362" d="M 86.543539 113.45647 A 9.7625332 18.997362 0 1 1 67.018473,113.45647 A 9.7625332 18.997362 0 1 1 86.543539 113.45647 z" transform="matrix(0.6298786,-0.2445212,0.3618914,0.9322203,43.823751,1.4329423)" /> </g> </svg>