WHTGS的博客

利用canvas简单实现一个在线刮奖的模拟效果。主要利用了canvas中的save() restore() 以及裁切clip() 实现思路： 给画布填充一个背景色，遮住图片，达到一个蒙层效果，然后利用clip不断去裁切画布，并且使用save 和 restore去保存记录每一次的结果，最终就可以实现这个效果啦 <canvas width="400" height="200"></c...

利用canvas来实现放大镜效果很简单，而且效果相对于传统的js实现，更加流畅，体验效果更好。下面来具体实现一下： 1、整体的页面布局： 两个画布，一个存放原图，一个存放放大区域的展示效果 <div> <canvas width="800" height="400" id="canvas1"></canvas> <canvas width=...