Adding Image to the map (PictureFillSymbol)

Question

I am trying to allow a user to add an image to the map and then georeference it - move it, rotate it, scale it, until it is where they want it in relation to a base map, then grab the coordinates for it.

Would the best route here be to utilize the PictureFillSymbol - since that allows move, rotate, scale, etc?  I don't think I can control the image in it though, and it is automatically repeated, and wouldn't scale with the graphic, etc.  I know that I can't use PictureMarkerSymbol since that does not have any an option for scale.

Any suggestions on how I might accomplish this with ArcGIS Javascript API v3.10?  Thanks!

DK5 · Answer

Thanks for the suggestion - I will check that out!

OwenEarley · Answer

I think the PictureFillSymbol was designed for an entirely different purpose:

Fill symbols are used to draw polygon features on the graphics layer.

To use the PictureFillSymbol you would need to create a polygon to fill with the image first. You would then need to move, rotate, scale the polygon as well as the PictureFillSymbol to get the effect that you are after. If you are just changing the properties of the PictureFillSymbol then the location of the polygon feature remains the same.

Using the HTML5 canvas may be a better option but you would need to implement a lot of the move/rotate/scale logic - Canvas with raster layer | ArcGIS API for JavaScript‌