背景透明度,图像动画和画布标记

时间:2014-06-22 10:16:15

标签: javascript html5 video canvas png

这更像是一个多学科问题。我正在使用canvas制作动画,并且只需要transparent backgrounds。由于电影不能transparent backgrounds我正在制作动画pngs,并且在大多数情况下它都有效。

但是其中一个是渲染的轮子旋转非常慢,所以它有很多帧,因此它将加载和动画很多图像。电影文件可以更小,更简单易用。

我已经尝试了jQuery seeThru库,结果质量很差。

有人知道如何解决问题吗?

非常感谢!

1 个答案:

答案 0 :(得分:0)

context.save();
context.globalAlpha=.5;
context.drawImage(imageObj1, 0, 0);
context.restore();

context.save();
context.globalAlpha=.1;
context.drawImage(imageObj2, 0, 0);
context.restore();