SVG - Triangle

Card Puncher Data Processing

About

Trigonometry - Triangle in SVG

Example

Example 1

<svg height="156px" >
  <desc>Example Triangle</desc>
  <!-- A triangle -->
  <path 
        d="M 10,150 L 70,10 L 130,150 z"
        fill="#D5D8CB"
        stroke="#ECDCC6" 
        stroke-width="6"/>
</svg>

Example 2

With SVG - View Box

<svg width="100%" height="80px" viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">

  <path 
        d="M 100 100 L 300 100 L 200 300 z"
        fill="LightBlue" 
        stroke="Blue" 
        stroke-width="3" />
        
</svg>

Documentation / Reference





Discover More
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