canvas基础之 图片放大镜效果

2017-03-22  本文已影响0人  萝卜仔1


整体思路

利用canvas的离屏效果实现 

主要创建2个canvas画布

一个画布用来显示当前画布尺寸的图片

另一个画布则是一张足够大的图片 

然后计算两者比例 获取需要截取图片的大小 然后根据相对应的坐标把截取出来的画布画入 显示当前图片的画布即可

关键点

当前画布与大图片画布两者之间比例计算  截图大图片的位置和放入当前图片位置的计算  鼠标点击等操作获取坐标值来计算这些数据

大图片要足够大.

上一篇下一篇

猜你喜欢

热点阅读