diff options
author | Saivan <savian@me.com> | 2018-03-03 22:08:26 +1100 |
---|---|---|
committer | Saivan <savian@me.com> | 2018-03-03 22:08:26 +1100 |
commit | e065a4415b7d6991ac14de81646f109e43bef9e7 (patch) | |
tree | 03a40cfdd89b8109bcffd871f523a2e516918a4d /playgrounds/transforms/transforms.html | |
parent | 8991bd195817c38e76bdf15accf16cf321ba84cf (diff) | |
download | svg.js-e065a4415b7d6991ac14de81646f109e43bef9e7.tar.gz svg.js-e065a4415b7d6991ac14de81646f109e43bef9e7.zip |
Added matrix composition and decompositions
This commit adds matrix composition and decompositions (untested),
it also adds another playground to test that this is working as
expected in every case.
We also fixed a few linting errors.
Diffstat (limited to 'playgrounds/transforms/transforms.html')
-rw-r--r-- | playgrounds/transforms/transforms.html | 15 |
1 files changed, 4 insertions, 11 deletions
diff --git a/playgrounds/transforms/transforms.html b/playgrounds/transforms/transforms.html index d206d06..ac60f14 100644 --- a/playgrounds/transforms/transforms.html +++ b/playgrounds/transforms/transforms.html @@ -12,19 +12,12 @@ <h1>SVG JS Playground</h1> - <svg viewBox="0 0 2000 2000"> + <svg viewBox="-200 -200 400 400"> - <!-- <rect id="old" x=200 y=400 width=200 height=400 class="green"/> + <rect id="old" x=200 y=400 width=200 height=400 class="green"/> <rect id="new" x=200 y=400 width=200 height=400 class="pink"/> - <ellipse id="new" cx=800 cy=500 rx=10 ry=10 class="dark-pink"/> --> - <!-- <ellipse cx=0 cy=0 rx=3 ry=3 /> - <ellipse cx=100 cy=0 rx=3 ry=3 /> - <ellipse cx=0 cy=100 rx=3 ry=3 /> - <ellipse cx=100 cy=100 rx=3 ry=3 /> - <ellipse fill=red cx=0 cy=0 rx=3 ry=3 /> - <ellipse fill=red cx=100 cy=0 rx=3 ry=3 /> - <ellipse fill=red cx=0 cy=100 rx=3 ry=3 /> --> - <!-- <ellipse fill=red cx=100 cy=100 rx=3 ry=3 /> --> + <ellipse id="new" cx=800 cy=500 rx=10 ry=10 class="dark-pink"/> + </svg> </body> |