Canvas上下文drawImage()问题

时间:2011-04-21 07:40:33

标签: javascript html html5 canvas

我基本上想要将用户从主画布“剪切”的形状放到主画布中的随机位置。我持有剪切形状的背景并想要使用;

ctx.drawImage(gctx,corx,cory);

将gctx放在ctx中,后者保存切割形状的上下文,ctx是主画布上下文。两者都是全局的,并且在它们出现在上面的代码行时已经设置好了。 gctx也设置如下;

ghostcanvas = document.createElement('canvas');
ghostcanvas.height = canvas.height;
ghostcanvas.width = canvas.width;
gctx = ghostcanvas.getContext('2d');

从firebug我可以看到gctx中有一个上下文,ctx也在那里。那我做错了什么?

忘记添加我收到的错误消息;

  

对象的类型不兼容   与预期的类型   与对象关联的参数“   代码:“17 [打破此错误]   ctx.drawImage(gctx,corx,科里);

如果这是一个重要的新手问题,请事先提前表示歉意,

1 个答案:

答案 0 :(得分:5)

您必须将画布作为第一个参数传递给drawImage。不是上下文。

ctx.drawImage(ghostcanvas, corx, cory);