canvas基础之 图片放大镜效果






整体思路

利用canvas的离屏效果实现 

主要创建2个canvas画布

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

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

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

关键点

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

大图片要足够大.

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • canvas笔记
    一：canvas简介 1.1什么是canvas？ ①：canvas是HTML5提供的一种新标签 ②：HTML5 ...
    GreenHand1阅读 10,185评论 2赞 32
  • Android - 收藏集
    Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,261评论 25赞 709
  • canvas学习笔记
    一、canvas简介 1.1 什么是canvas？（了解） 是HTML5提供的一种新标签 Canvas是一个矩形区...
    Looog阅读 9,355评论 3赞 40
  • 源码众享最新教程 - 草稿
    ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程，因...
    小菜c阅读 11,719评论 0赞 17
  • git 使用
    克隆仓库 git clone [仓库地址]克隆远程分支的一个分支 git clone -b <remote_r...
    丁锅锅阅读 962评论 0赞 0