How to add an id to canvas generated by Konva?

Question

Is there a way to somehow add unique id to the canvas generated by konva? Its nested inside the 'container' div and one more div. It's pretty difficult to get to it, would be much easier if there would be a way to add id to it.

@lavrton Well, unfortunately I have to save somewhere the relation to this canvas, since Im using few more tools which actually destroys whole state of the canvas. — Patrickkx, Sep 17 '19 at 09:46

score 4 · Accepted Answer · answered Sep 17 '19 at 11:47

4

There is no public API for that yet, but with the last version of konva@4.0.10 you can do this:

const canvas = layer.getCanvas()._canvas;
canvas.id = 'new-id';

answered Sep 17 '19 at 11:47

lavrton

18,973
4
30
63

score 1 · Answer 2 · answered Sep 17 '19 at 00:30

1

If you're trying to get a canvas you could select it via

const konvaCanvas = document.querySelector('canvas');

and then try to add an id by doing this

konvaCanvas.setAttribute("id", "whatever-id-you-want");

Let me know if this works
Have a good one!

answered Sep 17 '19 at 00:30

Manuel Gozzi

21
6

thanks but its not the best solution there available :( – Patrickkx Sep 17 '19 at 10:11

How to add an id to canvas generated by Konva?

2 Answers2