HTML5 Canvas如何实现破碎重组视频特效 HTML5 Canvas破碎重组视频特效代码

本篇文章小编给大家分享一下HTML5 Canvas破碎重组视频特效代码，小编觉得挺不错的，现在分享给大家供大家参考，有需要的小伙伴们可以来看看。

也许你见过HTML5图片破碎动画特效，实现的原理也挺简单的。但是你应该没有见过视频也可以破碎重组，这个HTML5动画就是利用Canvas的相关特性，实现了点击鼠标让视频破碎重组的效果。在视频区域点击鼠标，即可让该区域的视频破碎，让后经过一段时间后，破碎的区域又可以重组还原，视觉效果非常棒。

HTML代码