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

Add path with "transform" to kitchensink demo.

Browse source
This commit is contained in:
kangax 2011-07-09 11:11:14 -04:00
parent 48a02e5ecb
commit b89a797ccc
2 changed files with 7 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
demos/kitchensink/assets/103.svg
View file

@ -1,5 +1,7 @@
<svg version="1.1" id="testSVG3" xmlns="http://www.w3.org/2000/svg" xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="200px" height="200px" viewBox="0 0 200 200" space="preserve">
<circle fill="red" opacity="0.5" r="25"></circle>
<rect fill="green" opacity="0.5" width="70" height="70"></rect>
<ellipse fill="pink" rx="100" ry="50" opacity="0.5"></ellipse>
<svg version="1.1" id="testSVG3" xmlns="http://www.w3.org/2000/svg" xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="200px" height="200px">
<circle fill="#FF0000" cx="100" cy="100" r="100"></circle>
<!-- <circle fill="#ffff00" cx="100" cy="100" r="75"></circle> -->
<!-- <ellipse transform="matrix(0.70711 0.70711 -0.70711 0.70711 100.00024 -41.42145)" fill="#00ffff" cx="100" cy="100" rx="100" ry="50"></ellipse> -->
<rect x="10" y="10" fill="#ff00ff" width="155.56245" height="70.70826"></rect>
<!-- <circle fill="#ffffff" cx="100" cy="100" opacity="0.5" r="25"></circle> -->
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 379 B

After

Width:  |  Height:  |  Size: 600 B

2
demos/kitchensink/index.html
View file

@ -172,7 +172,7 @@
<li><button class="shape" id="shape106">Arc(s) 3</button></li>
<li><button class="shape" id="shape107">Arc(s) 4</button></li>
<!-- <li><button class="shape" id="shape103"><strong>xxx</strong> paths</button></li> -->
<li><button class="shape" id="shape103">Transformed paths</button></li>
</ul>
<ul class="object-controls">