js实现手机端图片双指缩放变大变小插件

最新推荐文章于 2024-07-02 11:16:42 发布

Ya_Wen

最新推荐文章于 2024-07-02 11:16:42 发布

阅读量3w

点赞数 8

分类专栏：插件文章标签：插件

本文链接：https://blog.csdn.net/gl0ry/article/details/56055414

版权

本文介绍了两种在手机端实现图片双指缩放的方法。第一种使用pinchzoom.js插件，适用于屏幕上直接双指缩放图片；第二种是scale.js插件，适用于类似手机相册的全屏图片缩放。文章提供了相关插件的下载链接及使用示例代码。

摘要由CSDN通过智能技术生成

对于手机上图片的缩放通常有两种：
一种是屏幕上有一张图片，直接双指缩放，如下图：
这里写图片描述
还有一种是类似于手机相册一样，一张一张的，点击单张之后，全屏打开，在进行缩放操作，如下图：

接下来，介绍第一种情况的插件，pinchzoom.js，用法很简单，只需要修改img的路径，在引用pinchzoom.js以及你平时用的jquery就可以。
pinchzoom.js下载链接

贴上完整的代码：

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" conte

关注

专栏目录