画布上下文drawImage()问题

发布于 2024-11-02 19:11:21 字数 603 浏览 0 评论 0原文

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

ctx.drawImage(gctx,corx,cory);

将保存剪切形状上下文的 gctx 放入主画布上下文 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,cory);

提前致谢,如果这是一个主要的新手问题,也提前抱歉,

I basically want to put a shape that the user "cuts" from the main canvas to a random place in the main canvas. I hold the cut out shape's context and want to use;

ctx.drawImage(gctx,corx,cory);

to put gctx, which holds the context of the cut shape in to ctx, which is the main canvas context. Both are global and already set when they come upon the above code line. Also gctx is set as below;

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

From firebug i can see that there is a context in gctx, ctx is also there. So what am i doing wrong?

Forgot to add the error message i got;

The type of an object is incompatible
with the expected type of the
parameter associated to the object"
code: "17 [Break On This Error]
ctx.drawImage(gctx,corx,cory);

Thanks in advance also sorry in advance if it's a major newbie question,

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

追风人 2024-11-09 19:11:21

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

ctx.drawImage(ghostcanvas, corx, cory);

You must pass the canvas as first parameter to drawImage. Not the context.

ctx.drawImage(ghostcanvas, corx, cory);
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文