How to make the effect of movement, on the image, in the canvas'a window?

Question

JavaScript

For example, I have a limited canvas, smaller width / height than the loaded image in it
Guys, how to make the effect of movement, on the image, in the canvas window? In other words, the canvas window does not change, but we "run" around the picture. Thank you.

Answer 1

If I understand correctly , here's what happened .

Answer 2

If you are talking about vertical and horizontal scrolling, then you can wrap the canvas in a div and give it a style:

.img_wrap {
width: 500px;
height: 250px;
overflow: hidden
}

But keep in mind that the maximum canvas size is limited. 32000 px in chrome it seems.
Or another way to catch mousemove with mousedown on the canvas and each time draw the picture anew by cropping it first through drawImage