How to use Polyline predefine SVG shape in XML

In this article I have describe about a examples of Polyline in XML
  • 1645

Read about SVG here

Read about SVG shape here

Polyline predefine SVG shape in XML

<polyline> is use to create a Line in any shape and any direction.

Example:

<?xml version="1.0" encoding="utf-8" ?>

<html>

  <body>

    <svg xmlns="http://www.w3.org/2000/svg" version="1.1">

      <polyline points="20,20 40,25 60,40 80,120 120,140 200,180"

      style="fill:none;stroke:black;stroke-width:3"/>

    </svg>

  </body>

</html>

Output

SVG 8.jpg

Define the code

  • Xml define the namespace and version use the program.
  • Polyline points define the x and y axis of the line.
  • Stroke is define the width of line.
  • Stroke color is define the color of line.

You may also want to read these related articles :

Ask Your Question 

Got a programming related question? You may want to post your question here

Programming Answers here

© 2019 DotNetHeaven. All rights reserved.