Hopiu/fabric.js
1
0
Fork 0
mirror of https://github.com/Hopiu/fabric.js.git synced 2026-05-13 00:03:10 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add few more shapes to the demo page

Browse source
This commit is contained in:
kangax 2011-01-07 02:13:44 -05:00
parent fdfb61fd48
commit 1a84c912d9
7 changed files with 14500 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

72
test/demo/assets/46.svg Normal file
View file

File diff suppressed because one or more lines are too long
Side by side

After

Width:  |  Height:  |  Size: 40 KiB

45
test/demo/assets/47.svg Normal file
View file

@ -0,0 +1,45 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 15.0.1, SVG Export Plug-In -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Tiny//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-tiny.dtd" [
<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
]>
<svg version="1.1" baseProfile="tiny"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
x="0px" y="0px" width="611px" height="499px" viewBox="-0.81 -0.33 611 499" overflow="visible" xml:space="preserve">
<defs>
</defs>
<path d="M460.17,0c-2.59,0.09-3.04,0.51-3.32,3.09c157.44,135.5,29.97,162.54-30.28,162.54c-0.04,0.52-0.04,1.03-0.07,1.55
c-16.53-11.87-44.79-7.51-66.6-9.36c-32.88-2.78-38.07-27.76-53.61-28.02v-0.01c-0.13-0.01-0.25,0.01-0.38,0
c-0.13,0-0.25-0.01-0.38,0v0.01c-15.53,0.26-20.73,25.24-53.61,28.02c-22.6,1.92-52.13-2.83-68.35,10.71
c-0.02-0.96-0.05-1.92-0.12-2.9c-60.26,0-187.72-27.04-30.28-162.54c-0.28-2.58-0.73-3-3.32-3.09
c-251.92,123.6-141.29,259.57,5.17,259.57c-0.5-20.68,8.68-36.41,16.77-52.04c1.93,49.16,8.43,33.02-3.69,69.93
c-7.71,23.5-20.95,45.88,18.12,80.99c39.08,35.11,39.33,30.11,48.7,44.17c5.66,8.5-26.33,20.39,8.5,50.69
c34.83,30.29,38.8,10.19,39.64,4.53c0.85-5.66-9.91,5.81-22.65-6.08c-12.74-11.9-21.88-35.96,7.01-45.87
c28.17-9.67,14.23,27.64,37.03,29.3v0.15c0.33-0.04,0.67-0.06,1.02-0.06c0.13,0,0.25-0.02,0.38-0.02c0.13,0.01,0.25,0.02,0.38,0.02
c0.36,0,0.69,0.03,1.02,0.06v-0.15c22.79-1.66,8.96-38.97,37.13-29.3c28.88,9.91,19.75,33.97,7.01,45.87
c-12.74,11.89-23.5,0.42-22.65,6.08c0.85,5.67,4.81,25.77,39.64-4.53c34.83-30.3,2.83-42.2,8.5-50.69
c9.38-14.06,9.63-9.06,48.7-44.17c39.08-35.11,25.84-57.5,18.12-80.99c-11.85-36.09-5.9-21.46-3.83-66.73
c7.63,14.6,15.58,29.58,15.11,48.84C601.47,259.57,712.09,123.6,460.17,0z M253.2,315.27c-4.96-0.42-10.04-6.04-12.04-8.63
c-6.65-8.64-24.07,3.25-36.69-16.35c-5.63-8.74-1.43-23.54-5.22-30.1c-1.17-2.02-1.41-3.85,1.98-2.26
c13.31,6.23,22.23,3.54,32.76,13.55c18.62,17.71,7.21,35.81,20.48,41.1C257.42,313.75,255.77,315.48,253.2,315.27z M411.57,260.19
c-3.8,6.55,0.41,21.36-5.23,30.1c-12.62,19.6-30.03,7.71-36.69,16.35c-2,2.59-7.08,8.21-12.03,8.63c-2.58,0.22-4.22-1.51-1.28-2.69
c13.27-5.29,1.86-23.39,20.48-41.1c10.53-10.02,19.45-7.33,32.76-13.55C412.98,256.33,412.73,258.17,411.57,260.19z M284.2,447.65
c-28.17,3.04-30.16-22.44-15.29-30.02c12.13-6.19,18.12,15.01,32.56,18.98c1.68,0.46,3.15,0.68,4.43,0.73
c1.29-0.05,2.76-0.27,4.43-0.73c14.45-3.97,20.44-25.16,32.57-18.98c14.87,7.58,12.87,33.06-15.29,30.02
c-10.14-1.1-7.36,18.15-22.05,17.27C290.88,465.8,294.35,446.55,284.2,447.65z M342.94,498.5c-12.38,1.52-13.49-8.5-36.1-7.46h-1.86
c-22.6-1.04-23.72,8.98-36.1,7.46c-12.71-1.56-6.11-27.32-2.64-24.56c3.47,2.77,6.22,4.61,14.52,4.89
c8.69,0.28,8.25-15.23,12.05-15.23c3.5,0,4.13,3.88,12.82,3.88s9.88-3.88,13.38-3.88c3.8,0,1.65,14.17,11.55,14.17
c9.91,0,11.55-1.06,15.02-3.82C349.04,471.18,355.65,496.94,342.94,498.5z"/>
<path fill="#FFFFFF" d="M61.67,210.03c21.39,13.39,50.5,22.09,86.53,25.88l-1.61,5.84c-92.47-9.41-117.2-51.33-123.71-75.6
c-2.37-8.83-3.08-17.69-2.47-26.31c-0.1,7.99,0.97,16.08,3.46,24.02C29.7,182.45,42.42,197.99,61.67,210.03z M592.3,139.84
c0.1,7.99-0.97,16.08-3.46,24.02c-5.83,18.59-18.55,34.13-37.8,46.17c-21.39,13.39-50.5,22.09-86.54,25.88l1.61,5.84
c92.46-9.41,117.2-51.33,123.71-75.6C592.19,157.33,592.91,148.46,592.3,139.84z M425.27,208.88c-4.81,12.83-67.75,3.61-83.38,8.02
c-15.63,4.41-36.88,38.48-36.88,38.48s-20.83-34.07-36.46-38.48c-15.63-4.41-78.57,4.81-83.38-8.02
c4.81,12.83,67.75,6.18,83.38,10.59s36.46,38.48,36.46,38.48s21.25-34.07,36.88-38.48C357.52,215.06,420.46,221.71,425.27,208.88z
M185.17,308.66c0,32.17,68.65,63.11,68.65,83.28C253.82,367.59,185.17,335.72,185.17,308.66z M356.62,391.94
c0-20.17,68.65-51.11,68.65-83.28C425.27,335.72,356.62,367.59,356.62,391.94z M402.57,233.42c6.99,14.26-68.58,32.55-51.94,66.55
C335.55,270.37,411.01,250.64,402.57,233.42z M259.77,299.97c16.63-34.01-58.93-52.29-51.94-66.55
C199.38,250.64,274.84,270.37,259.77,299.97z M258.16,399.3c34.98-14.49-9.58-78.2,5.1-84.27
C245.54,322.35,289.06,387.08,258.16,399.3z M347.57,315.03c14.68,6.07-29.88,69.78,5.1,84.27
C321.78,387.08,365.3,322.35,347.57,315.03z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 4.2 KiB

8228
test/demo/assets/48.svg Normal file
View file

File diff suppressed because it is too large Load diff
Side by side

After

Width:  |  Height:  |  Size: 895 KiB

2952
test/demo/assets/49.svg Normal file
View file

File diff suppressed because it is too large Load diff
Side by side

After

Width:  |  Height:  |  Size: 323 KiB

60
test/demo/assets/50.svg Normal file
View file

@ -0,0 +1,60 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 15.0.1, SVG Export Plug-In -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Tiny//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-tiny.dtd" [
<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
]>
<svg version="1.1" baseProfile="tiny"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
x="0px" y="0px" width="110px" height="130px" viewBox="-0.74 -0.2 110 130" overflow="visible" xml:space="preserve">
<defs>
</defs>
<path fill="#494F8C" d="M86.82,129.72H65.1L64.54,104c0,0-1.43,0.33-5.3,0.44c-0.19,0.01-0.37-0.09-0.55-0.29
c-2.73-0.15-3.77-0.38-3.77-0.38l-0.55,25.72H37.72c0,0-3.98-2.31-2.6-3.31c3.13-2.25,8.13-3.82,8.13-3.82l-1.96-24.82
c-6.59-4-6.65-7.5-7.63-7.85c-0.97-0.35-4.97-3.38-4.97-3.38c0.08-11.24-2.99-18.87,0.21-24.6l-9.75-6.37l2.94-4.59l3-3.65
l9.21,5.05l1.24,0.52c2.41-2.17,3.4-3.48,3.4-3.48c-0.51,7.13,10.42,12.13,16,12.22c0-0.12,0-0.18,0-0.18s12.94-5.01,13.81-12.07
c0,0,2.05,1.16,4.46,3.34l0.45-0.12l10.13-6.87l7.11,8.69l-10.67,7.23c3.2,5.74,5.87,13.88,5.95,25.11c0,0-4,3.03-4.97,3.38
c-0.98,0.35,0.75,3.59-5.84,7.6l0.86,25.07C76.23,122.59,86.6,125.83,86.82,129.72z"/>
<path fill="#F0EBD8" stroke="#494F8C" stroke-width="0.75" stroke-miterlimit="10" d="M69.02,29.16v18.42
c-0.96,7.69-7.48,13.65-15.39,13.65c-7.91,0-14.43-5.96-15.39-13.65c-0.08-0.65-0.12-1.3-0.12-1.97l-0.56-6.93
c-0.09-1.39-0.07-1.15-0.45-5.63l-0.35-4.37L69.02,29.16z"/>
<circle fill="#494F8A" cx="45.36" cy="34.06" r="1.02"/>
<circle fill="none" stroke="#494F8C" stroke-width="0.75" stroke-miterlimit="10" cx="45.36" cy="34.06" r="2.66"/>
<path fill="none" stroke="#494F8C" stroke-width="0.75" stroke-miterlimit="10" d="M49.14,35.9c0,1.47,0.51,6.13,4.01,6.13
c3.75,0,3.75-4.66,3.75-6.13"/>
<circle fill="none" stroke="#494F8C" stroke-width="0.75" stroke-miterlimit="10" cx="60.27" cy="34.06" r="2.65"/>
<circle fill="#494F8A" cx="60.27" cy="34.06" r="1.02"/>
<path fill="none" stroke="#494F8C" stroke-width="0.75" stroke-miterlimit="10" d="M64.54,30.18v12.46
c-2.5-1.64-5.27-2.69-8.12-3.13"/>
<path fill="none" stroke="#494F8C" stroke-width="0.75" stroke-miterlimit="10" d="M40.46,29.16l1.43,13.48
c2.45-1.6,5.16-2.64,7.94-3.1"/>
<path fill="#494F8A" d="M58.13,45.59c0,2.91-1.86,5.26-4.15,5.26c-2.29,0-4.15-2.36-4.15-5.26C49.89,45.19,58.13,45.59,58.13,45.59z
"/>
<polygon fill="#494F8A" points="90.9,54.2 90.89,54.2 83.78,45.52 84.63,44.95 "/>
<path fill="#494F8A" d="M91.82,41.82c0,0-0.3-7.18,2.21-7.58c2.35-0.38,2.3,1.92,2.35,2.78c0.05,0.86,7.67-5.8,10.89-1.97
c4.66,5.52-7.44,12-9.21,13.15C96.28,49.36,91.82,41.82,91.82,41.82z"/>
<polygon fill="#F0EBD8" stroke="#494F8C" stroke-miterlimit="10" points="99.33,50.98 91.42,54.85 90.9,54.2 90.89,54.2
83.78,45.52 83.7,45.42 90.56,39.3 91.81,40.97 97.28,48.26 "/>
<polygon fill="#494F8A" points="25.1,47.11 22.1,50.75 24.61,46.84 "/>
<path fill="#494F8A" d="M16.83,42.82c0,0-0.33-7.18-2.87-7.36c-2.38-0.17-2.12,2.12-2.1,2.98c0.03,0.87-8.15-5.1-11.03-1
c-4.15,5.91,8.47,11.29,10.34,12.28C13.04,50.72,16.83,42.82,16.83,42.82z"/>
<polygon fill="#F0EBD8" stroke="#494F8C" stroke-miterlimit="10" points="25.64,46.44 25.1,47.11 22.1,50.75 17.92,55.87 10.01,52
11.67,49.8 16.67,43.14 16.68,43.12 18.79,40.33 "/>
<polygon fill="#F0EBD8" stroke="#494F8C" stroke-miterlimit="10" points="41.15,106.83 40.46,114.39 55.53,114.39 54.85,107.37 "/>
<polygon fill="#F0EBD8" stroke="#494F8C" stroke-miterlimit="10" points="76.57,108 77.26,115.56 62.19,115.56 62.86,108.54 "/>
<path fill="#F0EBD8" stroke="#494F8C" stroke-miterlimit="10" d="M86.21,79.67c-6.26,3.19-13.7,5.23-21.43,6.07
c-5.09,0.57-10.31,0.61-15.4,0.12c-7.55-0.72-14.81-2.63-20.92-5.74l0.13,7.08c6.76,3.44,13.61,5.64,20.79,6.56
c2.61,0.35,5.27,0.52,7.97,0.52c2.48,0,4.96-0.15,7.43-0.42c7.6-0.87,15.07-3.08,22.03-6.63L86.21,79.67z M62.47,92.36h-10.8v-5.38
h10.8V92.36z"/>
<path fill="#F0EBD8" d="M49.37,84.39v10.28h15.4V84.39H49.37z M51.68,92.07v-5.08h10.8v5.08H51.68z"/>
<circle fill="#F0EBD8" cx="55.03" cy="68.17" r="2.05"/>
<ellipse fill="#F0EBD8" cx="56.18" cy="74.79" rx="2.29" ry="2.26"/>
<ellipse fill="#F0EBD8" cx="56.18" cy="81.42" rx="2.29" ry="2.26"/>
<path fill="#494F8A" d="M37.56,38.68c-0.26,0.05-0.53,0.08-0.81,0.08c-2.05,0-3.71-1.28-3.71-2.86c0-1.58,1.66-2.86,3.71-2.86
c0.12,0,0.24,0.01,0.35,0.02L37.56,38.68z"/>
<path fill="#494F8A" d="M69.26,38.46c0.26,0.03,0.53,0.03,0.81,0.01c2.04-0.17,3.59-1.59,3.46-3.16c-0.13-1.58-1.89-2.72-3.94-2.54
c-0.12,0.01-0.24,0.03-0.35,0.05L69.26,38.46z"/>
<line fill="none" stroke="#494F8C" stroke-width="0.75" stroke-miterlimit="10" x1="37.56" y1="38.36" x2="37.11" y2="33.05"/>
<polygon fill="#F0EBD8" stroke="#494F8C" stroke-miterlimit="10" points="70.13,29.16 33.84,28.24 35.86,20.08 70.13,21.71 "/>
<path fill="#494F8A" d="M39.46,18.76c0,0,13-16.01,26.24-16.04c6.1-0.02,0.58,18.73,0.58,18.73l-26.82-1.37V18.76z"/>
<ellipse fill="#F0EBD8" stroke="#494F8C" stroke-miterlimit="10" cx="69.56" cy="6.02" rx="6.64" ry="5.52"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 5 KiB

48
test/demo/assets/51.svg Normal file
View file

@ -0,0 +1,48 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 15.0.1, SVG Export Plug-In -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Tiny//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-tiny.dtd" [
<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
]>
<svg version="1.1" baseProfile="tiny"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
x="0px" y="0px" width="57px" height="60px" viewBox="-0.77 -0.96 57 60" overflow="visible" xml:space="preserve">
<defs>
</defs>
<path fill="#932A61" d="M43.36,14.53v37.39H12.58V36.49c-0.1-0.67-0.16-1.36-0.16-2.06l0.36-18.56C13.57,8.64,18.57,1.78,27.89,0
c4.27,0,8.14,1.63,10.93,4.26C41.63,6.89,43.36,10.52,43.36,14.53z"/>
<path fill="#932A61" d="M2.08,24.32c1.6-1.65,10.68-7.51,10.68-7.51l1.3,9.46l-7.22,4.2c-1.53,1.14-3.7,1.66-5.39,0.48
c-0.61-0.69-1.31-1.52-1.44-2.64C-0.09,27.41,0.48,25.97,2.08,24.32z"/>
<path fill="#932A61" d="M53.92,23.19c-1.64-1.61-10.84-7.27-10.84-7.27l-1.1,9.48l7.31,4.04c1.55,1.11,3.74,1.58,5.4,0.37
c0.6-0.7,1.28-1.55,1.39-2.67C56.16,26.23,55.55,24.8,53.92,23.19z"/>
<path fill="none" stroke="#932A61" stroke-miterlimit="10" d="M14.22,57.65c-0.03,0.3-3.14-6.87-0.16-8.21
c2.98-1.33,11.96,3.94,11.72,4.1c-0.24,0.16-3.76-0.78-4.05-0.1c-0.29,0.67,0.26,2.81,0.42,3.94s-4.09-2.47-5.23-2.4
C15.78,55.05,14.27,57.18,14.22,57.65z"/>
<path fill="none" stroke="#932A61" stroke-miterlimit="10" d="M38.3,58.15c-0.03,0.3-3.14-6.87-0.16-8.21
c2.98-1.34,11.96,3.94,11.72,4.1c-0.24,0.16-3.76-0.78-4.05-0.11c-0.29,0.67,0.26,2.81,0.42,3.94c0.16,1.13-4.08-2.47-5.23-2.4
C39.85,55.55,38.34,57.68,38.3,58.15z"/>
<circle fill="#F0EBD8" cx="24.49" cy="7.64" r="3.08"/>
<circle fill="#932A61" cx="24.49" cy="7.64" r="0.85"/>
<circle fill="#F0EBD8" cx="34.77" cy="5.19" r="2.67"/>
<circle fill="#932A61" cx="34.77" cy="5.19" r="0.85"/>
<path fill="#F0EBD8" d="M29.97,10.73c0,0,3.76-4.38,8.29,0l-3.49,0.45l2.08,3.08L29.97,10.73z"/>
<path fill="#F0EBD8" stroke="#932A61" stroke-miterlimit="10" d="M43.36,24.87v27.05H21.09l0.73-22.34
c0.57-5.23,5.36-10.82,12.11-12.1C37.02,17.48,43.36,21.97,43.36,24.87z"/>
<polygon fill="none" stroke="#932A61" stroke-miterlimit="10" points="35.44,39.69 34.5,40.46 33.36,39.49 32.22,40.46 31.09,39.49
29.95,40.46 28.82,39.49 27.69,40.46 26.55,39.56 26.75,26.51 35.64,26.65 "/>
<polygon fill="none" stroke="#932A61" stroke-miterlimit="10" points="47.04,37.5 46.43,38.25 44.97,37.83 44.29,39.18 42.83,38.75
42.15,40.11 40.69,39.68 40.01,41.03 38.79,40.81 33.34,27.72 42.18,25.39 "/>
<polygon fill="#F0EBD8" stroke="#932A61" stroke-miterlimit="10" points="47.04,37.5 46.43,38.25 44.97,37.83 44.29,39.18
42.83,38.75 42.15,40.11 40.69,39.68 40.01,41.03 38.79,40.81 33.34,27.72 42.18,25.39 "/>
<polygon fill="#F0EBD8" stroke="#932A61" stroke-miterlimit="10" points="35.44,39.69 34.5,40.46 33.36,39.49 32.22,40.46
31.09,39.49 29.95,40.46 28.82,39.49 27.69,40.46 26.55,39.56 26.75,26.51 35.64,26.65 "/>
<polygon fill="#932A61" points="35.84,30 26.87,30.16 26.86,29.91 35.84,29.77 "/>
<polygon fill="#932A61" points="35.58,35.33 26.61,35.49 26.6,34.99 35.58,34.86 "/>
<polygon fill="#932A61" points="43.91,28.69 35.57,32 35.38,31.54 43.73,28.26 "/>
<polygon fill="#932A61" points="45.46,33.55 37.11,36.85 37.02,36.62 45.37,33.33 "/>
<path fill="#F0EBD8" stroke="#932A61" stroke-miterlimit="10" d="M43.78,24.46c-12.17,4.82-19.19,4.05-31.37-0.77
c0-3.63,0-4.77-0.31-8.59c10.07,3.99,21.28,3.99,31.35,0C43.39,18.22,43.62,20.72,43.78,24.46z"/>
<polygon fill="#932A61" points="18,17.19 16.64,25.66 16.39,25.62 17.83,17.16 "/>
<polygon fill="#932A61" points="23.57,18.25 22.87,27.19 22.62,27.17 23.39,18.23 "/>
<polygon fill="#932A61" points="30.59,18.22 30.65,27.68 30.4,27.68 30.41,18.22 "/>
<polygon fill="#932A61" points="38.1,16.98 39.81,25.79 39.56,25.84 37.93,17.01 "/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 3.8 KiB

3095
test/demo/assets/52.svg Normal file
View file

File diff suppressed because it is too large Load diff
Side by side

After

Width:  |  Height:  |  Size: 339 KiB