SVG to OPF to Raphaeljs
Draft 0.16
Export to Raphael (no IE) and try IE
Openclipart
Photorealistic
Petit Piaf
BUGS IN APPLE
BUG applet 02
Anonymous_Apple.svg
SVG
OPF code
Raphael code
<?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://creativecommons.org/ns#" 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="456.651" height="503.72321" id="svg2" sodipodi:version="0.32" inkscape:version="0.47 r22583" sodipodi:docname="petitPiafSansQueue.svg" inkscape:output_extension="org.inkscape.output.svg.inkscape" version="1.0"> <title id="title2871">Petit piaf</title> <defs id="defs4"> <inkscape:perspective sodipodi:type="inkscape:persp3d" inkscape:vp_x="0 : 251.8616 : 1" inkscape:vp_y="0 : 1000 : 0" inkscape:vp_z="456.651 : 251.8616 : 1" inkscape:persp3d-origin="228.3255 : 167.90774 : 1" id="perspective65" /> <linearGradient id="linearGradient3242"> <stop id="stop3244" offset="0" style="stop-color:#b88cf2;stop-opacity:0;" /> <stop id="stop3246" offset="1" style="stop-color:#290050;stop-opacity:1;" /> </linearGradient> <linearGradient id="linearGradient3214"> <stop id="stop3216" offset="0" style="stop-color:#9e7d1c;stop-opacity:1;" /> <stop id="stop3218" offset="1" style="stop-color:#ffbf00;stop-opacity:0;" /> </linearGradient> <linearGradient id="linearGradient3200"> <stop style="stop-color:#ffbf00;stop-opacity:1;" offset="0" id="stop3202" /> <stop style="stop-color:#ffbf00;stop-opacity:0;" offset="1" id="stop3204" /> </linearGradient> <linearGradient id="linearGradient3192"> <stop id="stop3194" offset="0" style="stop-color:#b88cf2;stop-opacity:1;" /> <stop id="stop3196" offset="1" style="stop-color:#ffffff;stop-opacity:1;" /> </linearGradient> <linearGradient id="linearGradient3166"> <stop style="stop-color:#b88cf2;stop-opacity:1;" offset="0" id="stop3168" /> <stop style="stop-color:#290050;stop-opacity:1;" offset="1" id="stop3170" /> </linearGradient> <linearGradient id="linearGradient3156"> <stop style="stop-color:#ffffff;stop-opacity:1;" offset="0" id="stop3158" /> <stop style="stop-color:#000000;stop-opacity:1;" offset="1" id="stop3160" /> </linearGradient> <linearGradient id="linearGradient3134"> <stop style="stop-color:#ffa800;stop-opacity:1;" offset="0" id="stop3136" /> <stop style="stop-color:#ffd800;stop-opacity:1;" offset="1" id="stop3138" /> </linearGradient> <linearGradient inkscape:collect="always" xlink:href="#linearGradient3134" id="linearGradient3140" x1="190.73868" y1="382.62476" x2="152.44969" y2="347.34613" gradientUnits="userSpaceOnUse" /> <linearGradient inkscape:collect="always" xlink:href="#linearGradient3134" id="linearGradient3148" x1="187.17935" y1="401.06567" x2="195.34695" y2="421.41373" gradientUnits="userSpaceOnUse" /> <radialGradient inkscape:collect="always" xlink:href="#linearGradient3156" id="radialGradient3162" cx="251.36652" cy="321.28149" fx="251.36652" fy="321.28149" r="13.259836" gradientTransform="matrix(-5.1771804e-2,-2.0431183,1.0331579,-2.6179735e-2,-81.637242,829.00391)" gradientUnits="userSpaceOnUse" /> <radialGradient inkscape:collect="always" xlink:href="#linearGradient3166" id="radialGradient3172" cx="296.74451" cy="543.27307" fx="296.74451" fy="543.27307" r="191.26651" gradientTransform="matrix(0.8883561,0.7187894,-0.8848218,1.0935564,509.38565,-289.22546)" gradientUnits="userSpaceOnUse" /> <linearGradient inkscape:collect="always" xlink:href="#linearGradient3192" id="linearGradient3190" x1="428.64279" y1="489.1384" x2="236.64549" y2="565.5202" gradientUnits="userSpaceOnUse" /> <linearGradient inkscape:collect="always" xlink:href="#linearGradient3200" id="linearGradient3206" x1="441.40082" y1="557.00244" x2="429.59958" y2="526.78455" gradientUnits="userSpaceOnUse" /> <linearGradient inkscape:collect="always" xlink:href="#linearGradient3214" id="linearGradient3212" gradientUnits="userSpaceOnUse" x1="441.40082" y1="557.00244" x2="429.59958" y2="526.78455" gradientTransform="translate(-14,-2)" /> <linearGradient inkscape:collect="always" xlink:href="#linearGradient3242" id="linearGradient3258" x1="415.52209" y1="306.15161" x2="508.49951" y2="454.77283" gradientUnits="userSpaceOnUse" /> <linearGradient inkscape:collect="always" xlink:href="#linearGradient3242" id="linearGradient3270" x1="390.64554" y1="353.86713" x2="435.25055" y2="465.34375" gradientUnits="userSpaceOnUse" /> <linearGradient inkscape:collect="always" xlink:href="#linearGradient3242" id="linearGradient3282" x1="356.83905" y1="391.92578" x2="363.897" y2="460.17673" gradientUnits="userSpaceOnUse" /> <linearGradient inkscape:collect="always" xlink:href="#linearGradient3242" id="linearGradient3294" x1="387.29013" y1="396.31467" x2="391.87027" y2="456.91132" gradientUnits="userSpaceOnUse" /> <linearGradient inkscape:collect="always" xlink:href="#linearGradient3242" id="linearGradient3306" gradientUnits="userSpaceOnUse" x1="356.83905" y1="391.92578" x2="363.897" y2="460.17673" /> </defs> <sodipodi:namedview id="base" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="1.2387756" inkscape:cx="-13.041869" inkscape:cy="251.8616" inkscape:document-units="px" inkscape:current-layer="layer1" inkscape:window-width="1168" inkscape:window-height="866" inkscape:window-x="85" inkscape:window-y="0" showguides="true" inkscape:guide-bbox="true" showgrid="false" inkscape:window-maximized="0" /> <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" /> <dc:title>Petit piaf</dc:title> <dc:date>19/01/2009</dc:date> <dc:creator> <cc:Agent> <dc:title>Jean-Christian GOIMARD</dc:title> </cc:Agent> </dc:creator> <dc:subject> <rdf:Bag> <rdf:li>petit</rdf:li> <rdf:li>oiseau</rdf:li> <rdf:li>violet</rdf:li> </rdf:Bag> </dc:subject> <dc:language>Français</dc:language> <dc:description>Un petit oiseau rond et violet</dc:description> <cc:license rdf:resource="http://creativecommons.org/licenses/by-sa/3.0/" /> </cc:Work> <cc:License rdf:about="http://creativecommons.org/licenses/by-sa/3.0/"> <cc:permits rdf:resource="http://creativecommons.org/ns#Reproduction" /> <cc:permits rdf:resource="http://creativecommons.org/ns#Distribution" /> <cc:requires rdf:resource="http://creativecommons.org/ns#Notice" /> <cc:requires rdf:resource="http://creativecommons.org/ns#Attribution" /> <cc:permits rdf:resource="http://creativecommons.org/ns#DerivativeWorks" /> <cc:requires rdf:resource="http://creativecommons.org/ns#ShareAlike" /> </cc:License> </rdf:RDF> </metadata> <g inkscape:label="Calque 1" inkscape:groupmode="layer" id="layer1" transform="translate(-121.68141,-208.63898)"> <path style="fill:url(#linearGradient3212);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1.9955641;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" d="M 429.94782,531.74697 C 429.94782,531.74697 421.37553,532.67284 414.64278,556.98032 C 427.36024,566.52768 428.67594,694.77985 428.67594,694.77985 L 371.26752,709.3644 L 459.93164,709.3644 L 431.22743,694.14483 C 431.22743,694.14483 425.48668,555.16326 429.31383,531.56246" id="path3208" sodipodi:nodetypes="ccccccc" /> <path sodipodi:nodetypes="cccccc" id="path3210" d="M 414.64278,556.98032 C 427.36024,566.52768 428.67594,694.77985 428.67594,694.77985 L 371.26752,709.3644 L 459.93164,709.3644 L 431.22743,694.14483 C 431.22743,694.14483 425.48668,555.16326 429.31383,531.56246" style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1.9955641;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> <path sodipodi:nodetypes="ccccsss" id="path3164" d="M 297.68284,215.24196 C 189.3108,239.21559 194.84695,327.09854 194.84695,327.09854 L 214.69247,381.22269 L 196.65108,420.91374 C 202.0635,518.33721 365.08551,560.94331 464.82985,561.34255 C 532.04709,561.61159 576.62865,557.78586 577.32429,451.58409 C 578.67739,245.01025 410.3837,190.31072 297.68284,215.24196 z " style="fill:url(#radialGradient3172);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> <path style="fill:#000000;fill-opacity:0.65165166;fill-rule:evenodd;stroke:none;stroke-width:2.21914315;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" d="M 415.89218,305.53857 C 502.27767,332.22603 591.92946,413.48062 559.93296,447.79173 C 565.1187,428.39016 526.92412,349.97241 415.89218,305.53857 z " id="path3304" sodipodi:nodetypes="ccc" /> <path style="fill:url(#linearGradient3140);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" d="M 194.84695,327.09854 L 214.69247,381.22269 C 180.41384,383.9289 122.68141,417.30546 122.68141,417.30546 C 156.509,351.45442 194.84695,327.09854 194.84695,327.09854 z " id="path2161" sodipodi:nodetypes="cccc" /> <path sodipodi:nodetypes="cccc" id="path2158" d="M 214.69247,381.22269 L 196.65108,420.91374 C 196.65108,420.91374 163.72556,409.18683 134.40831,410.53994 C 134.40831,410.53994 193.04281,380.77165 214.69247,381.22269 z " style="fill:url(#linearGradient3148);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" /> <path sodipodi:nodetypes="ccc" id="path3182" d="M 241.74837,496.65888 C 285.7615,464.90784 407.30972,542.96501 428.64278,558.98032 C 373.1093,557.68407 271.72776,525.36255 241.74837,496.65888 z " style="fill:url(#linearGradient3190);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1.9955641;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> <path style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" d="M 297.68284,215.24196 C 189.3108,239.21559 194.84695,327.09854 194.84695,327.09854 L 214.69247,381.22269 L 196.65108,420.91374 C 202.0635,518.33721 365.08551,560.94331 464.82985,561.34255 C 532.04709,561.61159 576.62865,557.78586 577.32429,451.58409 C 578.67739,245.01025 410.3837,190.31072 297.68284,215.24196 z " id="path2160" sodipodi:nodetypes="ccccsss" /> <path sodipodi:nodetypes="ccc" id="path3150" d="M 206.12281,382.12476 C 172.29522,389.79235 122.68141,417.30546 122.68141,417.30546 C 156.509,351.45442 194.84695,327.09854 194.84695,327.09854" style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> <path style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" d="M 196.65108,420.91374 C 196.65108,420.91374 165.30418,408.96131 135.98693,410.31442" id="path3152" sodipodi:nodetypes="cc" /> <path sodipodi:type="arc" style="opacity:1;fill:url(#radialGradient3162);fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" id="path3154" sodipodi:cx="229.62933" sodipodi:cy="314.67795" sodipodi:rx="12.757185" sodipodi:ry="25.19544" d="m 241.91894,307.91914 c 1.89002,13.40504 -2.08006,27.298 -8.86743,31.03078 -6.78736,3.73279 -13.82177,-4.10812 -15.71178,-17.51317 -1.89002,-13.40504 2.08006,-27.29799 8.86742,-31.03078 6.62323,-3.64252 13.51664,3.73613 15.58713,16.68432" sodipodi:start="6.011604" sodipodi:end="12.26047" sodipodi:open="true" /> <path sodipodi:nodetypes="ccccccc" id="path3198" d="M 443.94782,533.74697 C 443.94782,533.74697 435.37553,534.67284 428.64278,558.98032 C 441.36024,568.52768 442.67594,696.77985 442.67594,696.77985 L 385.26752,711.3644 L 473.93164,711.3644 L 445.22743,696.14483 C 445.22743,696.14483 439.48668,557.16326 443.31383,533.56246" style="fill:url(#linearGradient3206);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1.9955641;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> <path style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1.9955641;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" d="M 241.10858,496.11327 C 285.12171,464.36223 407.30972,542.96501 428.64278,558.98032 C 441.36024,568.52768 442.67594,696.77985 442.67594,696.77985 L 385.26752,711.3644 L 473.93164,711.3644 L 445.22743,696.14483 C 445.22743,696.14483 439.48668,557.16326 443.31383,533.56246" id="path3180" sodipodi:nodetypes="csccccc" /> <path sodipodi:nodetypes="ccssc" id="path3248" d="M 289.05981,399.06413 C 261.63186,256.82152 291.55406,274.70502 415.89218,305.53857 C 471.3415,323.61493 582.36157,402.63701 559.93296,447.79173 C 543.43149,481.01355 400.6318,472.53835 334.31156,451.72137 C 308.02093,443.46912 289.05981,399.06413 289.05981,399.06413 z " style="fill:url(#linearGradient3258);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.21914315;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> <path style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:2.21914315;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" d="M 415.89218,305.53857 C 471.3415,323.61493 582.36157,402.63701 559.93296,447.79173 C 543.43149,481.01355 400.6318,472.53835 334.31156,451.72137 C 308.02093,443.46912 289.05981,399.06413 289.05981,399.06413" id="path3220" sodipodi:nodetypes="cssc" /> <path sodipodi:nodetypes="ccc" id="path3302" d="M 399.9457,338.70725 C 472.93615,357.7404 558.58227,438.78839 520.38569,467.56537 C 536.09611,427.11444 468.56,362.72959 399.9457,338.70725 z " style="fill:#000000;fill-opacity:0.65165166;fill-rule:evenodd;stroke:none;stroke-width:2.21914315;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> <path style="fill:url(#linearGradient3270);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.21914315;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" d="M 289.05981,399.06413 C 289.05981,399.06413 248.17963,274.06716 399.9457,338.70725 C 455.39502,356.78361 551.56582,427.94478 520.38569,467.56537 C 512.81425,477.18639 400.6318,472.53835 334.31156,451.72137 C 308.02093,443.46912 289.05981,399.06413 289.05981,399.06413 z " id="path3262" sodipodi:nodetypes="ccssc" /> <path sodipodi:nodetypes="cssc" id="path3260" d="M 399.9457,338.70725 C 455.39502,356.78361 551.56582,427.94478 520.38569,467.56537 C 512.81425,477.18639 400.6318,472.53835 334.31156,451.72137 C 308.02093,443.46912 289.05981,399.06413 289.05981,399.06413" style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:2.21914315;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> <path style="fill:#000000;fill-opacity:0.65165166;fill-rule:evenodd;stroke:none;stroke-width:2.21914315;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" d="M 478.92484,475.21968 C 488.86733,447.3864 463.45713,405.14724 364.86344,366.77306 C 478.35795,397.60661 506.29712,466.05712 478.92484,475.21968 z " id="path3300" sodipodi:nodetypes="ccc" /> <path sodipodi:nodetypes="cssc" id="path3274" d="M 364.86344,366.77306 C 420.31276,384.84942 505.65926,435.12095 478.92484,475.21968 C 477.33569,477.60322 400.6318,472.53835 334.31156,451.72137 C 308.02093,443.46912 289.05981,399.06413 289.05981,399.06413" style="fill:url(#linearGradient3306);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.21914315;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> <path style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:2.21914315;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" d="M 364.86344,366.77306 C 420.31276,384.84942 505.65926,435.12095 478.92484,475.21968 C 477.33569,477.60322 400.6318,472.53835 334.31156,451.72137 C 308.02093,443.46912 289.05981,399.06413 289.05981,399.06413" id="path3272" sodipodi:nodetypes="cssc" /> <path sodipodi:nodetypes="ccc" id="path3296" d="M 418.90641,473.3061 C 452.93835,454.03604 374.73501,403.23367 330.04044,387.18456 C 390.91157,399.83912 478.00193,465.78607 418.90641,473.3061 z " style="fill:#000000;fill-opacity:0.65165166;fill-rule:evenodd;stroke:none;stroke-width:2.21914315;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> <path style="fill:url(#linearGradient3294);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.21914315;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" d="M 329.14332,387.18456 C 384.59264,405.26092 465.94227,455.58032 420.87965,472.66824 C 412.91191,475.68964 352.1545,460.41902 334.31156,451.72137 C 309.54229,439.64743 289.05981,399.06413 289.05981,399.06413" id="path3286" sodipodi:nodetypes="cssc" /> <path sodipodi:nodetypes="cssc" id="path3284" d="M 329.14332,387.18456 C 384.59264,405.26092 465.94227,455.58032 420.87965,472.66824 C 412.91191,475.68964 347.68949,458.50544 329.84655,449.80779 C 305.07728,437.73385 289.05981,399.06413 289.05981,399.06413" style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:2.21914315;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> </g> </svg>
[{"id" : "svg1","type" : "doc","left" : "0","top" : "0","width" : "176.56973","height" : "185.42375","viewBox" : "0 0 800 600","bgcolor" : ""},{"id" : "defs3","type" : "defs","transform" : ""},{"id" : "linearGradient843","type" : "linearGradient","transform":"undefined","fillColor":"#000000","filter" : "","lineColor" : "#000000","fillOpac" : "1","lineOpac" : "1","lineWidth" : "0","text":"undefined","left":"undefined","top":"undefined","width":"undefined","height":"undefined","href":"","parent" : "defs3"},{"id" : "stop844","type" : "stop","transform" : "","fillColor" : "#00ff00","fillOpac":"1","lineOpac" : "0","parent" : "linearGradient843"},{"id" : "stop846","type" : "stop","transform" : "","fillColor" : "#009000","fillOpac":"1","lineOpac" : "1","parent" : "linearGradient843"},{"id" : "linearGradient836","type" : "linearGradient","transform":"undefined","fillColor":"#000000","filter" : "","lineColor" : "#000000","fillOpac" : "1","lineOpac" : "1","lineWidth" : "0","text":"undefined","left":"undefined","top":"undefined","width":"undefined","height":"undefined","href":"","parent" : "defs3"},{"id" : "stop837","type" : "stop","transform" : "","fillColor" : "#c8b800","fillOpac" : "1.0000000","lineOpac" : "0.0000000","parent" : "linearGradient836"},{"id" : "stop839","type" : "stop","transform" : "","fillColor" : "#ff0000","fillOpac" : "0.59259260","lineOpac" : "0.69999999","parent" : "linearGradient836"},{"id" : "stop838","type" : "stop","transform" : "","fillColor" : "#ff0000","fillOpac" : "0.0000000","lineOpac" : "1.0000000","parent" : "linearGradient836"},{"id" : "linearGradient828","type" : "linearGradient","transform":"undefined","fillColor":"#000000","filter" : "","lineColor" : "#000000","fillOpac" : "1","lineOpac" : "1","lineWidth" : "0","text":"undefined","left":"undefined","top":"undefined","width":"undefined","height":"undefined","href":"","parent" : "defs3"},{"id" : "stop829","type" : "stop","transform" : "","fillColor" : "#ff0000","fillOpac" : "1.0000000","lineOpac" : "0.0000000","parent" : "linearGradient828"},{"id" : "stop830","type" : "stop","transform" : "","fillColor" : "#8c3300","fillOpac" : "1.0000000","lineOpac" : "1.0000000","parent" : "linearGradient828"},{"id" : "linearGradient831","type" : "linearGradient","transform" : "scale(1.4426, 0.693195)","fillColor":"#000000","filter" : "","lineColor" : "#000000","fillOpac" : "1","lineOpac" : "1","lineWidth" : "0","text" : "userSpaceOnUse","left" : "69.297048","top" : "83.207832","width" : "25.064139","height" : "44.934326","href" : "#linearGradient843","parent" : "defs3"},{"id" : "radialGradient832","type" : "radialGradient","transform" : "matrix(1.02964, 0, 0, 0.971216, -15.125, -11.4097)","fillColor":"#000000","filter" : "","lineColor" : "#000000","fillOpac" : "1","lineOpac" : "1","lineWidth" : "91.218671","text" : "userSpaceOnUse","left" : "68.089597","top" : "95.460461","width" : "68.089602","height" : "95.460461","href" : "#linearGradient828","parent" : "defs3"},{"id" : "radialGradient835","type" : "radialGradient","transform":"undefined","fillColor":"#000000","filter" : "","lineColor" : "#000000","fillOpac" : "1","lineOpac" : "1","lineWidth" : "0.30000001","text":"undefined","left" : "0.48863637","top" : "0.47169811","width" : "0.49386889","height" : "0.46849933","href" : "#linearGradient836","parent" : "defs3"},{"id" : "radialGradient853","type" : "radialGradient","transform" : "matrix(1.67415, 0, 0, 0.597318, -15.125, -11.4097)","fillColor":"#000000","filter" : "","lineColor" : "#000000","fillOpac" : "1","lineOpac" : "1","lineWidth" : "17.182573","text" : "userSpaceOnUse","left" : "68.57021","top" : "127.89917","width" : "63.821736","height" : "133.66536","href" : "#linearGradient836","parent" : "defs3"},{"id" : "path825","type" : "path","transform" : "","fillColor" : "url(#radialGradient832)","filter" : "","lineColor" : "#000000","fillOpac" : "1","lineOpac" : "1","lineWidth" : "1","points" : "M 70.625,43.890306 C 50.625,48.890306 25.625,38.890306 20.625,78.890306 C 15.625,118.89031 50.625,193.89031 80.625,183.89031 C 95.625,178.89031 90.625,178.89031 110.625,183.89031 C 150.625,193.89031 190.625,94.890306 170.625,63.890306 C 150.625,33.890306 110.625,33.890306 70.625,43.890306 z","text":"undefined"},{"id" : "g863","type" : "group","transform" : "translate(-34.375, -31.1097)","fillColor" : "#000000","filter" : "","lineColor" : "#000000","fillOpac" : "1","lineOpac" : "1","lineWidth" : "0","left" : "0","top" : "0","width" : "1","height" : "1"},{"id" : "path842","type" : "path","transform" : "","fillColor" : "url(#linearGradient831)","filter" : "","lineColor" : "#000000","fillOpac" : "1","lineOpac" : "1","lineWidth" : "1","points" : "M 130,80 C 120,50 95,35 70,35 C 60,35 50,35 35,40 C 50,50 60,65 80,65 C 95,65 120,77 130,80 z","text":"undefined","parent" : "g863"},{"id" : "path847","type" : "path","transform" : "","fillColor" : "none","filter" : "","lineColor" : "#000000","fillOpac" : "0.75","lineOpac" : "1","lineWidth" : "1","points" : "M 35,40 C 70,45 105,50 130,80","text":"undefined","parent" : "g863"},{"id" : "path857","type" : "path","transform" : "","fillColor" : "none","filter" : "","lineColor" : "#000000","fillOpac" : "0.75","lineOpac" : "1","lineWidth" : "0.625","points" : "M 55,35.15 C 59,36.15 62,41 65,45 C 60,51 55.5,50 48.3,50.15","text":"undefined","parent" : "g863"},{"id" : "path858","type" : "path","transform" : "","fillColor" : "none","filter" : "","lineColor" : "#000000","fillOpac" : "0.75","lineOpac" : "1","lineWidth" : "0.625","points" : "M 72,35 C 80,39 82,43 85,50 C 82,54 75.25,60.125 64.25,61.125","text":"undefined","parent" : "g863"},{"id" : "path859","type" : "path","transform" : "","fillColor" : "none","filter" : "","lineColor" : "#000000","fillOpac" : "0.75","lineOpac" : "1","lineWidth" : "0.625","points" : "M 92,39 C 97,43 101.5,52.5 102.5,57.5 C 97.5,60.5 90,65 80,65","text":"undefined","parent" : "g863"},{"id" : "path862","type" : "path","transform" : "","fillColor" : "none","filter" : "","lineColor" : "#000000","fillOpac" : "0.75","lineOpac" : "1","lineWidth" : "0.625","points" : "M 110,50 C 115.5,57 113,59 115,65 C 109,66 107,69 100,69","text":"undefined","parent" : "g863"},{"id" : "path852","type" : "path","transform" : "","fillColor" : "url(#radialGradient853)","filter" : "","lineColor" : "none","fillOpac" : "1","lineOpac" : "1","lineWidth" : "1","points" : "M 60.625,58.890306 C 65.625,43.890306 120.625,38.890306 125.625,58.890306 C 110.625,63.890306 105.625,68.890306 90.625,68.890306 C 75.625,68.890306 70.625,63.890306 60.625,58.890306 z","text":"undefined"},{"id" : "path841","type" : "path","transform" : "","fillColor" : "#af6700","filter" : "","lineColor" : "#000000","fillOpac" : "1","lineOpac" : "1","lineWidth" : "1","points" : "M 95.625,68.590306 L 90.625,68.890306 C 90.625,43.890306 95.625,23.890306 100.625,13.890306 C 105.625,3.8903061 107.625,-4.1096939 115.625,3.8903061 C 120.625,8.8903061 108.775,7.5703061 105.625,13.890306 C 100.625,23.890306 95.625,38.890306 95.625,68.590306 z","text":"undefined"},{"id" : "path854","type" : "path","transform" : "","fillColor" : "none","filter" : "","lineColor" : "#000000","fillOpac" : "1","lineOpac" : "1","lineWidth" : "1","points" : "M 125.625,58.890306 C 115.625,63.890306 105.625,68.890306 90.625,68.890306 C 75.625,68.890306 70.625,63.890306 60.625,58.890306","text":"undefined"}]
var widthSize = 291.23935; var heightSize = 288.79623; var radialGradient3730 = "url(http://vectorgradients.sourceforge.net/radialgradient013.php?w=282.203125&h=218.203125&fx=45.48461644225648&fy=68.67332829675809&cx=45.48461644225648&cy=68.67332829675809&rx=241.23992791094443&ry=214.18356734493133&rot=6.702956042287418&colors=f70c00,0,1/02e300,1,1)" var radialGradient3718 = "url(http://vectorgradients.sourceforge.net/radialgradient013.php?w=NaN&h=NaN&fx=NaN&fy=NaN&cx=NaN&cy=NaN&rx=241.23992791094443&ry=214.18356734493133&rot=6.702956042287418&colors=f70c00,0,1/02e300,1,1)" var layer1 = paper.set(); var g3726 = paper.set(); layer1.push(g3726) var path3710 = paper.path("m 286.85406,483.6542 c 0,0 -150.82018,22.67231 -148.84867,-126.17636 1.9715,-148.84868 134.06238,-69.98845 134.06238,-69.98845 0,0 137.01964,-80.83172 147.86292,79.84597 7.59549,112.55134 -134.06238,119.27609 -133.07663,116.31884 z").attr({"fill": radialGradient3730, "stroke": "#000000", "stroke-width": 9, "opacity": 1}).translate(22.9734, 143.427) g3726.push(path3710) var path3724 = paper.path("m 307.27065,427.55795 c 9.35134,-64.51227 26.77012,-63.2074 26.77012,-63.2074 l -29.60756,-15.82953 c 0,0 4.95847,49.81441 -13.82423,76.56151 -3.30324,4.70389 18.45239,6.12403 16.66167,2.47542 z").attr({"fill": "#825215", "stroke": "#000000", "stroke-width": 9, "opacity": 1}) g3726.push(path3724) layer1.translate(-156.46, -344.021) g3726 path3710.attr({"fill": radialGradient3730})
Develop:
https://sourceforge.net/projects/svg2raphael/
Visit:
http://www.irunmywebsite.com/raphael/
CHANGES AND BUGS
0.16
Solve
BUG applet 01
bogRanger_Apple.svg
Into a path
include G7NQL.9.js
Issue 173
from
Clip-path translation
0.15
Enhanced transform
IE window correct
Bugs in apple
0.14
Default lineWidth
New window Raphael - width and height of source
0.13
Solve bug 0.12 - Transform matrix for Path (
Find into path - G7NQL/3
)
0.12
Transform matrix (
Matrix
)
RadialGradients
Find into path
.
VectorGradients
All shapes ID, children include
Collect and modify gradients button
*BUG Transform path
0.11
OPF filter blur
Add gradientTransform tag
Path void bug
0.7-0.10
Interfaz Changes
Best Radial Gradients (draft)
OP Viewer changes
Bugs: Matrix and radial gradients
Correct Linear Gradients
Radial Gradients (draft)
Linear Gradients to Inkscape (draft)
ClipPath in OPF (
see the diference with VML
)
Correct RAP in newwindow
Solve bugs "so much recursion" and "no source" (charlesavt)
Read JSON-code of
Jsvectoreditor
(draft)
Solve bug: Default properties (charlesavt)
LINKS AND RESOURCES
Raphael JS
Openclipart
Jsvectoreditor
Onlypaths
Vectorgradients
Canvg