diff options
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> |