What is the fastest way to move a rectangular (pixel) region inside a HTML5 canvas element

Question

I want to implement vertical scrolling of the contents of a HTML5 canvas element. I don\'t want to render the whole content again. Instead I would like to move the whole con

Answer 1

Try this:

ctx.drawImage(ctx.canvas, 0, 0, width, height-20, 0, 20, width, height-20);

drawImage can take either an HTMLImageElement, an HTMLCanvasElement, or an HTMLVideoElement for the first argument.