diff options
Diffstat (limited to 'playgrounds/transforms/transforms.html')
| -rw-r--r-- | playgrounds/transforms/transforms.html | 18 |
1 files changed, 13 insertions, 5 deletions
diff --git a/playgrounds/transforms/transforms.html b/playgrounds/transforms/transforms.html index 4382745..58eb5dc 100644 --- a/playgrounds/transforms/transforms.html +++ b/playgrounds/transforms/transforms.html @@ -12,11 +12,19 @@ <h1>SVG JS Playground</h1> - <svg viewBox="0 0 1000 1000"> - - <rect id="old" x=300 y=400 width=200 height=400 class="green"/> - <rect id="new" x=300 y=400 width=200 height=400 class="pink"/> - + <svg viewBox="0 0 1400 1000"> + + <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 /> --> </svg> </body> |