Surface.clear() does'nt work with canvas type

[Syleps]

Hi,

if you take your example : https://docs.telerik.com/kendo-ui/knowledge-base/drawing-draw-signature-and-export-svg

and that we change the type of surface to "canvas" (var surface = draw.Surface.create($("#surface"),{type : "canvas"});)

the "clear" button doesn't work.

Regards

[Neli]

Hello Syleps,

I will need a little bit more time to review the issue. I will get back to you once I have some information to share.

Thank you very much for your patience.

Regards,
Neli
Progress Telerik

[Syleps]

Hi,

thank you. 

know that I found a workaround by adding :

        const ctx = myCanvas.getContext('2d');
        ctx.clearRect(0, 0, myCanvas.width, myCanvas.height);

before clear()

Regards

[Neli]

Hello Syleps,

Thank you very much for your patience. Thank you also for sharing the solution you have found. I am sure it will be helpful to the other users in the Forum who have the same issue.

Another possible approach is to use the resize() method in order to clear the canvas:

$(".clear").click(function() {
    surface.clear();
    surface.resize();
});

Here you will find a Dojo example where this is demonstrated.

Regards,
Neli
Progress Telerik