html5 canvas background image disappear on mousemove

Question

I want to draw an image to canvas and then allow user to draw some sketch on it.i\'m using sketch.js jquery library.the current status is:

1. the image has been l

Answer 1

If you don't need to save the image you can put it as a background to the canvas. You don't need to draw it every time.

style="background: url(your-image-here) no-repeat center center;"

UPDATE

It's a bug in sketch.js. You need to remove this line from sketch.js source:

this.el.width = this.canvas.width()

Because the canvas element works that way. Every resize is followed by clearing the canvas and sketch.js needs to redraw after the resize but the lib don't know about your image.