diff options
| author | Ulrich-Matthias Schäfer <ulima.ums@googlemail.com> | 2023-06-13 01:43:37 +0200 |
|---|---|---|
| committer | Ulrich-Matthias Schäfer <ulima.ums@googlemail.com> | 2023-06-13 01:43:37 +0200 |
| commit | 03322672782a6318b019eff33fe44ec800d6f12c (patch) | |
| tree | 9d807e1585cf28a1ea98e87b855932dba00f1880 /playgrounds/matrix/index.html | |
| parent | 8e18b4698edd00f83af0be05bb3374f92fecaeb9 (diff) | |
| download | svg.js-03322672782a6318b019eff33fe44ec800d6f12c.tar.gz svg.js-03322672782a6318b019eff33fe44ec800d6f12c.zip | |
dependency updates, easier formatting
Diffstat (limited to 'playgrounds/matrix/index.html')
| -rw-r--r-- | playgrounds/matrix/index.html | 29 |
1 files changed, 11 insertions, 18 deletions
diff --git a/playgrounds/matrix/index.html b/playgrounds/matrix/index.html index e815ed5..9da4c20 100644 --- a/playgrounds/matrix/index.html +++ b/playgrounds/matrix/index.html @@ -1,15 +1,12 @@ - <!DOCTYPE html> <html> - <head> - <meta charset="utf-8"> + <meta charset="utf-8" /> <title>SVG Playground</title> - <link rel="stylesheet" href="style.css"> + <link rel="stylesheet" href="style.css" /> </head> <body> - <h1>SVG Transformations</h1> <p> @@ -18,30 +15,26 @@ </p> <svg viewBox="-200 -200 400 400"> - <g id="tester"> - <rect class="green" width=50 height=50 /> - <line x2=50 stroke=black stroke-width=1 /> + <rect class="green" width="50" height="50" /> + <line x2="50" stroke="black" stroke-width="1" /> </g> <g id="guess"> - <rect class="dark-pink" width=50 height=50 opacity=0.5 /> - <line x2=50 stroke=black stroke-width=1 /> + <rect class="dark-pink" width="50" height="50" opacity="0.5" /> + <line x2="50" stroke="black" stroke-width="1" /> </g> <g id="true"> - <rect class="pink" width=50 height=50 opacity=0.5 /> - <line x2=50 stroke=black stroke-width=1 /> + <rect class="pink" width="50" height="50" opacity="0.5" /> + <line x2="50" stroke="black" stroke-width="1" /> </g> - <ellipse id="or" class="dark-pink" rx=5 ry=5 /> - <ellipse id="b1" class="pink" cx="50" rx=5 ry=5 /> - <ellipse id="b2" class="green" cy="50" rx=5 ry=5 /> - + <ellipse id="or" class="dark-pink" rx="5" ry="5" /> + <ellipse id="b1" class="pink" cx="50" rx="5" ry="5" /> + <ellipse id="b2" class="green" cy="50" rx="5" ry="5" /> </svg> - </body> <script src="../../dist/svg.js" charset="utf-8"></script> <script src="drag.js" charset="utf-8"></script> <script src="matrix.js" charset="utf-8"></script> - </html> |