【问题标题】:Canvas context drawImage() problem画布上下文 drawImage() 问题
【发布时间】:2011-04-21 22:23:56
【问题描述】:

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

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);

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

【问题讨论】:

  • 你有没有为你所拥有的东西设置一个例子?我想我可能知道您需要做什么,但只是不太确定我是否与您在正确的页面上。

标签: javascript html canvas


【解决方案1】:

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

ctx.drawImage(ghostcanvas, corx, cory);

【讨论】:

  • 你的意思是☞gctx.drawImage(ghostcanvas, corx, cory);
  • @alex gray:不,我的意思是ctxgctxghostcanvas 的图形上下文。 Mechanicum 尝试将 ghostcanvas 的内容绘制到第二个画布上(具有图形上下文 ctx
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-06-24
  • 2012-11-30
  • 2015-03-02
  • 2012-08-28
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多