mirror of
https://github.com/scratchfoundation/paper.js.git
synced 2024-12-28 17:02:24 -05:00
138 lines
5 KiB
HTML
138 lines
5 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Gradients</title>
|
|
<script type="text/javascript" src="../../dist/paper-full.js"></script>
|
|
<script type="text/paperscript" canvas="canvas">
|
|
var item = project.importSVG(document.getElementById('svg'));
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<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"
|
|
version="1.1"
|
|
width="500px"
|
|
height="500px"
|
|
id="svg">
|
|
<defs
|
|
id="defs1903">
|
|
<linearGradient
|
|
id="linearGradient3794">
|
|
<stop
|
|
id="stop3796"
|
|
style="stop-color:#ff5555;stop-opacity:1"
|
|
offset="0" />
|
|
<stop
|
|
id="stop3808"
|
|
style="stop-color:#522ba8;stop-opacity:1"
|
|
offset="0.18868095" />
|
|
<stop
|
|
id="stop3802"
|
|
style="stop-color:#ff00ff;stop-opacity:1"
|
|
offset="0.38376093" />
|
|
<stop
|
|
id="stop3804"
|
|
style="stop-color:#ff6600;stop-opacity:1"
|
|
offset="0.57983696" />
|
|
<stop
|
|
id="stop3806"
|
|
style="stop-color:#28170b;stop-opacity:1"
|
|
offset="0.80833077" />
|
|
<stop
|
|
id="stop3798"
|
|
style="stop-color:#ff5555;stop-opacity:0"
|
|
offset="1" />
|
|
</linearGradient>
|
|
<linearGradient
|
|
id="linearGradient3770">
|
|
<stop
|
|
id="stop3772"
|
|
style="stop-color:#d1ab00;stop-opacity:1"
|
|
offset="0" />
|
|
<stop
|
|
id="stop3788"
|
|
style="stop-color:#502d16;stop-opacity:1"
|
|
offset="0.0625" />
|
|
<stop
|
|
id="stop3786"
|
|
style="stop-color:#ff5555;stop-opacity:1"
|
|
offset="0.125" />
|
|
<stop
|
|
id="stop3784"
|
|
style="stop-color:#00ff00;stop-opacity:1"
|
|
offset="0.54704088" />
|
|
<stop
|
|
id="stop3782"
|
|
style="stop-color:#ffff00;stop-opacity:1"
|
|
offset="0.79772007" />
|
|
<stop
|
|
id="stop3774"
|
|
style="stop-color:#2b1100;stop-opacity:1"
|
|
offset="1" />
|
|
</linearGradient>
|
|
<linearGradient
|
|
id="linearGradient3760">
|
|
<stop
|
|
id="stop3762"
|
|
style="stop-color:#ff6600;stop-opacity:1"
|
|
offset="0" />
|
|
<stop
|
|
id="stop3764"
|
|
style="stop-color:#2b1100;stop-opacity:1"
|
|
offset="1" />
|
|
</linearGradient>
|
|
<linearGradient
|
|
x1="443.22928"
|
|
y1="215.30028"
|
|
x2="867.58954"
|
|
y2="229.58598"
|
|
id="linearGradient3768"
|
|
xlink:href="#linearGradient3760"
|
|
gradientUnits="userSpaceOnUse" />
|
|
<linearGradient
|
|
x1="443.22928"
|
|
y1="215.30028"
|
|
x2="867.58954"
|
|
y2="229.58598"
|
|
id="linearGradient3776"
|
|
xlink:href="#linearGradient3770"
|
|
gradientUnits="userSpaceOnUse" />
|
|
<linearGradient
|
|
x1="454.28571"
|
|
y1="-7.6378121"
|
|
x2="591.42859"
|
|
y2="480.93362"
|
|
id="linearGradient3800"
|
|
xlink:href="#linearGradient3794"
|
|
gradientUnits="userSpaceOnUse" />
|
|
</defs>
|
|
<metadata
|
|
id="metadata1906">
|
|
<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></dc:title>
|
|
</cc:Work>
|
|
</rdf:RDF>
|
|
</metadata>
|
|
<g
|
|
id="layer1">
|
|
<path
|
|
d="m 325.71425,440.93359 -24.52516,-67.66103 -63.02035,-34.75536 5.11537,-71.78671 -43.43569,-57.38329 33.87141,-63.49982 -16.34058,-70.089121 56.77078,-44.233226 13.57994,-70.675915 69.85396,-17.318309 41.15239,-59.042199 70.85875,12.5911 61.6092,-37.19955 59.61144,40.3234 71.41322,-8.92476 38.05675,61.08341 68.86926,20.893202 9.92171,71.281547 54.41716,47.098539 -19.92888,69.154452 30.55585,65.16011 -46.33359,55.06994 1.41115,71.9549 -64.7268,31.46332 -27.97755,66.30805 -71.92816,2.4164 -52.52867,49.19593 -66.69248,-27.04832 -67.99711,23.57737 -49.92508,-51.83614 z"
|
|
transform="translate(-125.71429,194.28571) scale(0.5, 0.5)"
|
|
id="path3792"
|
|
style="fill:url(#linearGradient3800);fill-opacity:1;stroke;stroke:black;stroke-width:2px;" />
|
|
</g>
|
|
</svg>
|
|
<canvas id="canvas" width="500" height="500"></canvas>
|
|
</body>
|
|
</html>
|