Image
Render images on the canvas
The Image Node allows you to render images directly onto the canvas. Built on top of Konva’s Image shape, it supports properties like position, scale, opacity, and filters.
Image nodes are perfect for adding visual references, icons, or user-uploaded media to your collaborative canvas. They supporting selection, resizing, and drag-and-drop—and and can be extended with plugins for features like cropping, masking, or annotations.
Usage
Register the Node
Then register the node on the Weave class instance.
const instance = new Weave({
...
nodes: [
...,
new WeaveImageNode(),
]
})Use the node
Once the node is registered you can use it on Actions or Plugins or even other Nodes.
We provide an action named Image Tool that allows users to add Image (one-by-one) nodes to the application.