Thursday, 7 February 2019

HTML 5 Graphics -SVG Demo


  2.  <html>
  3. <head>
  4. </head>
  5. <body>
  6. <h1> HTML 5 Graphics -SVG </h1>
  7. <hr/>

  9. <svg id="svg1" width="300" height="300" style="border:2px solid blue;">
  10. <line X1="0" Y1="0" X2="300" Y2="300" style="stroke:red; stroke-width:5"/>

  12. <line X1="20" Y1="0" X2="300" Y2="280" style="stroke:green; stroke-width:5"/>

  14. <line X1="0" Y1="20" X2="280" Y2="300" style="stroke:blue; stroke-width:5"/>

  16.  <line X1="300" Y1="0" X2="0" Y2="300" style="stroke:black; stroke-width:5"/>
  17.  
  18.  <line X1="0" Y1="280" X2="280" Y2="0" style="stroke:yellow; stroke-width:5"/>
  19.  
  20.  <line X1="320" Y1="0" X2="0" Y2="320" style="stroke:pink; stroke-width:5"/>
  21.  
  22. < circle cx="150" cy="150" r="60" stroke:red stroke-width:3 fill="green"/>

  24.  <circle cx="150" Cy="150" r="30" stroke:red stroke-width:2 fill="lightblue"/>
  25. </svg>

  27. </body>
  28. </html>
at
Labels:

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)