SVG Logic
How to Create a simple line in SVG
SVG Full Form - Scalable Vector Graphics
SVG Meaning scalability and responsive techniques are more important in web design. Because SVG is vector graphic base, it can scale any size to fit web pages and it cannot be pixel Secondly, SVG is defined by XML format.No matter how large the graphic gets, the XML that describes the graphic is the only thing transmitted to the client.
Firstly, we define the width and height of SVG.
then we can put the logic that shown below the graph.
Code
<!DOCTYPE html>
<html>
<body>
<svg height="210" width="500">
<line x1="300" y1="100" x2="300" y2="600" style="stroke:rgb(255,0,0);stroke-width:2" />
</svg>
</body>
</html>
Post a Comment