crus4

logo

SVG Tutorial


About SVG

SVG stands for Scalable Vector Graphics. SVG is used to vector based graphics in XML format. It is an W3C recommendation and it integrates with other W3C standards such as the DOM and XSL.

In an Example below let’s create a simple svg graphic, and can also edit the svg on our Free Online Code Editor and click on a button to see the result.

Example

<!DOCTYPE html>
<html>
<head>
 <title>SVG Tutorial</title>
</head>
<body>
<h2>My first SVG</h2>
<svg width="100" height="100">
   <circle cx="50" cy="50" r="40" stroke="red" stroke-width="4" fill="lightgreen" />
</svg> 
</body>
</html>

Learn more about SVG Circle from here.


Related Posts

SVG Rectangle

Dotted Line SVG

SVG Triangle

SVG Tutorial – crus4

One thought on “SVG Tutorial – crus4

Leave a Reply

Your email address will not be published. Required fields are marked *