Web - Access the picture in a WebImageView from a URL

Hi, I have a WebImageView loading an image from a URL. The image is an animated gif, a weather map.

I would like to draw on this image some overlay information. There is no “Paint” event for the WebImageView, so it seems one option is to render the image to a WebCanvas then draw. But I cannot figure out how to gain access to the image in the WebImageView.

When loading from a URL the “Image” property is nil.

Can someone suggest how I can draw on the image displayed in a WebImageView or if I have to render to a canvas, how do I gain access to the image?

What about displaying the GIF using a WebImageViewer and place a WebCanvas above? Will that work for you?

I thought of that but not sure how to make the canvas transparent.

Hi @Mark_Holbrook,

The WebCanvas is already transparent, you don’t have to do anything special. Please check this sample project showing a WebCanvas above a WebButton:
WebCanvas.xojo_binary_project.zip (8.1 KB)