clearRect() on Canvas



Drag the sliders to change the X, Y postion and height width values for the clear rectangle.
void gctx.clearRect(x, y, width, height );
x: Position from left edge of the canvas,
y: Position from Top edge of the canvas,
width : Width of the rectangle.
height : Height of the rectangle.

To clear full canvas
gctx.clearRect(0, 0, my_canvas.width,my_canvas.height);
Code to clear part of the Canvas.
var my_canvas=$('#my_canvas').get(0)
var gctx = my_canvas.getContext("2d");
gctx.beginPath()
gctx.clearRect(20,20,50,50);
gctx.stroke();

Subscribe

* indicates required
Subscribe to plus2net

    plus2net.com




    Post your comments , suggestion , error , requirements etc here .




    We use cookies to improve your browsing experience. . Learn more
    HTML MySQL PHP JavaScript ASP Photoshop Articles FORUM . Contact us
    ©2000-2024 plus2net.com All rights reserved worldwide Privacy Policy Disclaimer