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
Petit piaf
image/svg+xml
Petit piaf
19/01/2009
Jean-Christian GOIMARD
petit
oiseau
violet
Français
Un petit oiseau rond et violet
[{"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