topic how to display image as polygon symbol in JavaScript SDK in ArcGIS JavaScript Maps SDK Questions

how to display image as polygon symbol in JavaScript SDK

InQiDev — Thu, 24 Oct 2024 21:20:11 GMT

I am already aware of PictureMarkerSymbol and PictureFillSymbol. But what I need is a different kind of symbol that I can use to fill a polygon. Ideally I want to be able to keep the aspect ratio. unlike PictureMarkerSymbol, I need the image moves with the polygon... does such symbol exist in JavaScript SDK?

Re: how to display image as polygon symbol in JavaScript SDK

Sage_Wall — Thu, 24 Oct 2024 19:15:50 GMT

PictureFillSymbol maybe?

https://sagewall.github.io/symbol-builder/picture-fill-symbol/

Re: how to display image as polygon symbol in JavaScript SDK

InQiDev — Thu, 24 Oct 2024 21:21:25 GMT

Thanks but PictureFillSymbol also repeatedly fills the area. I need to keep only on image so that I just reshape the polygon to fit the image.

Re: how to display image as polygon symbol in JavaScript SDK

RamaniGanason — Fri, 25 Oct 2024 16:36:52 GMT

I don't think there is straightforward way to achieve this. I would achieve this by using the following steps:
1) Create a temp Graphic or Point Layer.
2) For every polygon, get the centroid of the polygon and add as point feature.
3) Use the PictureMarkerSymbol to symbolise the point feature.

Hope this helps.