javascript - Canvas 'drawImage' 返回 ' No function was found that matched the signature provided.'

Question

我有两个 HTML5 Canvas 。我先画一个临时的，然后我想把临时的复制到最后一个。除了 drawImage 函数外，一切似乎都正常工作，这很奇怪，因为它接受图像和 Canvas 。我已经尝试过转换为 DatatoUrl() 方法但没有成功。

这些是我正在使用的对象。尺寸等都是稍后设置的。

var paint = $('<canvas/>');
var temp_paint = $('<canvas/>');
temp_ctx = temp_paint[0].getContext('2d');
ctx = paint[0].getContext('2d');

有什么想法吗？

这是代码

function paintMouseUp(e) 
{
    e.preventDefault();
    draw=false; 
    ctx.drawImage(temp_paint, 0, 0);
    temp_ctx.clearRect(0, 0, settings.width, settings.height);
    mousePoints = [];
}

这是我得到的错误:

无法在“CanvasRenderingContext2D”上执行“drawImage”:找不到与提供的签名匹配的函数。

Answer 1

temp_paint 是 jQuery 的对象，所以它不能是 .drawImage() 的第一个参数。您可以改用此代码:

ctx.drawImage(temp_ctx.canvas, 0, 0);

Fiddle example