html5 控制鼠标移动,HTML5对鼠标移动

画布背景图像消失，我想画的图像以帆布，然后允许用户绘制it.i'm使用jQuery的sketch.js当前library.the状态上的一些素描是：HTML5对鼠标移动

图像已成功加载到画布上

但是当我的鼠标放在画布上时，图像就消失了。

当我拖着鼠标，就空canvas.the一些草图显示淹没

正确

所以，我认为sketch.js没有明确的canvas.but我不知道如何解决它。任何帮助？

canvas.html

这里是我的脚本

var sigCanvas = document.getElementById('tools_sketch');

var context = sigCanvas.getContext('2d');

var imageObj = new Image();

imageObj.src = 'human-face.jpg';

imageObj.onload = function() {

context.drawImage(this, 0, 0,sigCanvas.width,sigCanvas.width);

};

$(function() {

$('#tools_sketch').sketch({defaultColor: "#FF0000"});

});

+0

我检查了你的代码......它消失在mousedown而不是鼠标悬停！ –

+0

是的..无论如何，当我拖动鼠标草图显示空的画布。没有问题，草图看起来是正确的 –