Line symbol with Pattern

omega_cancer — Sun, 12 Dec 2021 02:54:28 GMT

Hello,

Anyone got idea to draw a line with pattern supplied in SVG.

<?xml version="1.0" encoding="utf-8"?>
<svg x="0px" y="0px" width="133.673px" height="44.898px" viewBox="0 0 133.673 44.898" enable-background="new 0 0 133.673 44.898" xml:space="preserve">
<rect x="0.019" y="2.573" fill="none" width="44.539" height="38.731"/>
<polygon fill="#ED1C24" points="44.541,20.992 42.674,20.992 27.186,17.478 29.11,20.992 0,20.992 0,22.883 29.11,22.883 27.206,26.56 42.606,22.883 44.541,22.883 "/>
<rect x="44.577" y="2.573" fill="none" width="44.539" height="38.731"/>
<polygon fill="#ED1C24" points="89.098,20.992 87.232,20.992 71.743,17.478 73.667,20.992 44.558,20.992 44.558,22.883 73.667,22.883 71.763,26.56 87.164,22.883 89.098,22.883"/>
<rect x="89.134" y="2.573" fill="none" width="44.539" height="38.731"/>
<polygon fill="#ED1C24" points="133.656,20.992 131.789,20.992 116.301,17.478 118.225,20.992 89.115,20.992 89.115,22.883 118.225,22.883 116.32,26.56 131.722,22.883 133.656,22.883"/>
</svg>

The output of the SVG is

(This is a simple pattern, I got more complex patterns in SVG so native LineSymbol cant solve this. I have to use pattern info from SVG. I have seen http://developers.arcgis.com/javascript/samples/toolbar_draw/ sample.)

Any chance in Polygon and Polyline Symbols?

Probably I need to override Symbols.

I have seen https://developers.arcgis.com/javascript/jssamples/layers_point_clustering.html example but it uses SimpleMarkerSymbol with Point geometry I want to use Polygon and Polyline Symbols in it.

Any idea?

Any help or guidance would be highly appreciated.

Thanks

topic Line symbol with Pattern in ArcGIS JavaScript Maps SDK Questions

Line symbol with Pattern