html5 – 组合两个或多个Canvas元素与某种混合

前端之家收集整理的这篇文章主要介绍了html5 – 组合两个或多个Canvas元素与某种混合前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
是否可以将2个单独的画布元素的内容组合到单个画布元素中?

类似于在Photoshop中平铺两个或更多层的东西?

我可以想到一个轮的方式,但不是很确定。我以.png的形式导出canvi(lol)的内容,然后使用第三个canvas元素用某种混合算法(xor,blend,negative等)绘制两个图像。

解决方法

当然你可以,你不需要任何有趣的库或任何东西,只需调用drawImage与画布作为图像。

这里是一个例子,我把两个canvas元素组合到第三个:

http://jsfiddle.net/bnwpS/15/

当然你可以用两个(一个到另一个),但三个做一个更好的例子。

如果你想要一个XOR效果或者什么东西,你总是可以改变globalCompositeOperation。

原文链接:https://www.f2er.com/html5/169555.html

猜你在找的HTML5相关文章