javascript - js 移动端 双指触摸图片进行局部缩放的原理
PHP中文网
PHP中文网 2017-04-10 15:04:52
[JavaScript讨论组]

一直想自己实现图片缩放功能
图片可以根据双指触摸位置,进行局部放大(可能描述的不准确)

我的思路是
touchstart:记录
图片的左上角坐标c1[x,y],
event.targetTouches[0]的坐标a1[x,y]
event.targetTouches[1]的坐标b1[x,y]

touchmove:记录
event.targetTouches[0]的坐标a2[x,y]
event.targetTouches[1]的坐标b2[x,y]

求得
放大倍数 k = a2,b2间的距离/a1,b1 ;
对图片进行缩放

再求得c2的位置,对图片进行重定位,就可实现局部放大。

不过何种算法可以快速求得c2坐标呢?//我尝试了用向量去解决,但有些麻烦

求详细解答,
或者我的思路有问题?

PHP中文网
PHP中文网

认证高级PHP讲师

全部回复(1)
PHP中文网

没有明白为什么非要算这个东西。你把move的值减去start的值,然后对要放缩的dom用css做大小调整不就可以了?

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号