SVG <hatchpath> Element

SVG stands for Scalable Vector Graphic. It is used to make graphics and animations which can be scaled to large screen sizes. The <hatchpath> element is defines a hatch path which is used by the<hatch> element. The <hatchpath> element is defined in the<hatch> element.

Prerequisites:

• <hatch> element

Syntax:

<hatchpath stroke="" stroke-width=" "/>

Attributes:

• d:   The d attribute defines a path to be drawn
• offset: The offset attribute is used to set the offset for the path.

Example 1:

Output:

👁 Image

Example2:

Output:

👁 Image

Browser Compatibility: Currently, no browser supports this element but it can be supported in future versions of modern browsers.