SVG Stroke
SVG Stroke
The stroke
SVG attribute is used to paint the outline of the shape by user defined color. The default color of stroke
is 'black'.
In this example, we will use <path>
SVG element to demonstrate SVG stroke
.
Example
SVG Stroke Width
The SVG stroke-width
attribute is used to define the width of the stroke to be applied to the shape.
In this example, we will use <path>
SVG element to demonstrate SVG stroke-width.
Example
SVG Stroke Linecap
The SVG stroke-linecap
attribute is used to define the shape to be used at the end of open subpaths when they are stroked.
In this example, we will use <path>
SVG element to demonstrate SVG stroke-linecap.
Example
SVG Stroke Dasharray
The SVG stroke-dasharray
attribute is used to define the pattern of dashes and gaps used to paint the outline of the shape;
In this example, we will use <path>
SVG element to demonstrate SVG stroke-dasharray.
Example
Attributes Value
Attribute | Explanation |
---|---|
stroke | Specifies the color of text, line or outline of any element. |
stroke-width | Specifies the thickness of text, line or outline of any element. |
stroke-linecap | Specifies the different types of ending of a line or outline of any path. |
stroke-dasharray | Used to create dashed lines. |
Reminder
Hi Developers, we almost covered 91% of SVG Tutorials with examples for quick and easy learning.
We are working to cover every Single Concept in SVG.
Please do google search for:
Join Our Channel
Join our telegram channel to get an instant update on depreciation and new features on HTML, CSS, JavaScript, jQuery, Node.js, PHP and Python.
This channel is primarily useful for Full Stack Web Developer.