SVG - Polyline

Card Puncher Data Processing

About

en-US/docs/Web/SVG/Element/polyline

Example

<?xml version="1.0" standalone="no"?>
<svg width="200" height="110" version="1.1" xmlns="http://www.w3.org/2000/svg">

  <polyline 
      points="60 10 65 20 70 15 75 30 80 25 85 40 90 35 95 50 100 45"
      stroke="lightBlue" 
      fill="transparent" 
      stroke-width="5"/>

</svg>





Discover More
Card Puncher Data Processing
SVG - Marker (arrowheads or polymarkers)

The element defines the graphics that is to be used for drawing: arrowheads or polymarkers on a given path, line, polyline or polygon element. Element/marker...
Card Puncher Data Processing
SVG - Path

in Svg. Path is the generic element to define a shape. polylines The shape of a path element is defined by one attribute: d that contains a suite of . All of the commands also come in two variants....
Card Puncher Data Processing
SVG - Shape and Path

The representation of geometric object (shape) in svg. They are in the grammar. You need to use the path element to create them



Share this page:
Follow us:
Task Runner