美文网首页
canvas基础之 图片放大镜效果

canvas基础之 图片放大镜效果

作者: 萝卜仔1 | 来源:发表于2017-03-22 21:58 被阅读0次


    整体思路

    利用canvas的离屏效果实现 

    主要创建2个canvas画布

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

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

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

    关键点

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

    大图片要足够大.

    相关文章

      网友评论

          本文标题:canvas基础之 图片放大镜效果

          本文链接:https://www.haomeiwen.com/subject/kfyanttx.html