HTML5渲染类型,HTML5画布渲染

我有一个问题，用帆布上绘制的图像(并希望得到一些帮助):)HTML5画布渲染

我建立一个应用程序，它可以让用户选择图像，然后绘制毛刺它。我使用画布来渲染它。问题是这样的：当我选择一个图像时，我在画布上绘制图像(它在屏幕上居中)，但正如你在截图中看到的那样，它会画两次 - 其中一个是画布的外侧(窗口位置0,0)。

这是一个在android webview中的故障??

(我用科尔多瓦/ PhoneGap的2.7)

HTML：

JAVASCRIPT(片段)：

$(".box_canvas_doodle").css("left", Math.floor(($(window).width()-image_resized_wid)/2));

$(".box_canvas_doodle").css("top", Math.floor(($(window).height()-48-image_resized_hei)/2));

// Clear

doo.ctx.doodle.clearRect(0, 0, doo.canvas.doodle.width, doo.canvas.doodle.height);

// Draw image

doo.ctx.doodle.drawImage(doo.imageElem, 0, 0, doo.imageElem.width, doo.imageElem.height, 0, 0, doo.canvas.doodle.width, doo.canvas.doodle.height);

2013-07-25

REJH