| Leadtools.Controls Namespace > ImageViewerItem Object : Canvas Property |
get_canvas();
set_canvas(value);
Object.defineProperty('canvas');
| Type | Description |
|---|---|
| CanvasElement | The canvas associated with this item. Default value is null. |
The item can have a value in only one of Image, Element or Canvas. Setting one value will automatically delete the values of the others. Element accepts any element, but may still be null after the set operation. An HTML Image Element set to Element will actually be set to Image, and an HTML5 Canvas Element set to Element will actually be set to Canvas.
Changing the value of this property will fire the ItemChanged event with ImageViewerItemChangedReason.Image. The value of Resolution will not be automatically updated with the DPI of the new image. The user must set this value manually.
Canvas property of ImageViewer will update this member if this is the active item when the viewer is used in single item mode.
For more information, refer to Image Viewer Items.
var canvas = document.createElement("canvas"); canvas.width = 150; canvas.height = 150; var context = canvas.getContext("2d"); context.fillStyle = "rgba(0, 0, 255, .5)"; context.fillRect(25, 25, 100, 100); var item = new lt.Controls.ImageViewerItem(); item.size = lt.LeadSizeD.create(canvas.width, canvas.height); item.text = "Item # 1"; item.canvas = canvas; this._imageViewer.beginUpdate(); this._imageViewer.items.add(item); this._imageViewer.endUpdate();