Line symbol with Pattern

2455
0
06-14-2015 11:03 PM
omega_cancer
Occasional Contributor II

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 Arrow.png

(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

0 Kudos
0 Replies