Shulou(Shulou.com)06/01 Report--

Editor to share with you how to use html5 canvas to achieve picture glass shards special effects, I believe that most people do not know much about it, so share this article for your reference, I hope you can learn a lot after reading this article, let's go to know it!

Html code

Js Code:

/ / set varimageWidth=768,imageHeight=485;var vertex = [], index, checkered = []; varimage, fragment = [], container = document.getElementById ('container'); _ window.onload=function () {image=document.getElementById (' src_img'); triangulate (); makeBoxes (); makeFragments ();}; function triangulate () {varx,y,dx=imageWidth/8,dy=imageHeight/8,offset=0.5; for (vari=0;i)

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.