Warning: include_once(D:/index/navbar.php): Failed to open stream: No such file or directory in /customers/1/a/2/txm-mc.com/httpd.www/Tutorial/SVG/index.php on line 3 Warning: include_once(): Failed opening 'D:/index/navbar.php' for inclusion (include_path='.:/usr/share/php') in /customers/1/a/2/txm-mc.com/httpd.www/Tutorial/SVG/index.php on line 3

SVG Tutorial - Home

SVG stands for Scalable Vector Graphics.

SVG is text-based images so you can create an image form just text in an XML formation!

Code

<!DOCTYPE html/>
<html>
  <head>
    <title>My First SVG!</title>
  </head>
  <body>
    <h1>My First SVG!</h1>
	
    <svg width="100px" height="100px">
      <rect x="10px" y="10px" width="20px" height="20px" style="fill:lime;" />
      <circle cx="50" cy="50" r="20" stroke="red" stroke-width="5" fill="blue" />
    </svg>
	
  </body>
</html>

Example

My First SVG!

© TXM-MC™

Warning: include_once(D:/index/footer.php): Failed to open stream: No such file or directory in /customers/1/a/2/txm-mc.com/httpd.www/Tutorial/SVG/index.php on line 68 Warning: include_once(): Failed opening 'D:/index/footer.php' for inclusion (include_path='.:/usr/share/php') in /customers/1/a/2/txm-mc.com/httpd.www/Tutorial/SVG/index.php on line 68