HTML5:尝试将画布复制到另一个画布时出现未知错误

时间:2012-01-11 20:59:59

标签: html5 canvas drawimage

我无法想象如何使drawImage工作......它什么都不做(除了它抛出一个带有未定义描述的异常):

layerCtx.globalAlpha = 0,2; // same thing with this line commented
layerCtx.drawImage(cvs, 0 , 0);

我有2个画布,一个是图层,另一个是使用鼠标绘图。我想将用户在第一个画布上绘制的内容保存到图层并应用不透明度... 我不会给你所有的代码,但你必须知道以下代码的工作原理:

layerCtx.putImageData(ctx.getImageData(0, 0, 800, 500), 0, 0);

但我不能使用之前的opacity,因此在其他stackoverflow.com相关问题中建议使用,我想将drawImage与canvas元素一起使用。

ctx 是我的画布 cvs 的上下文,
layerCtx 是我的画布图层

的上下文

1 个答案:

答案 0 :(得分:0)

你会讨厌这个:你写了0,2而不是0.2。这就是它无法正常工作的原因。

我知道很多欧洲国家都使用逗号作为小数,但是0.2就是它的必要条件。

通过以下方式检查代码的工作示例:

http://jsfiddle.net/zC4Wh/