AngularJS仿微信图片手势缩放代码

AngularJS 仿微信图片手势缩放的实例

前言：

最近，公司做一个混合应用项目，涉及到一个图片缩放功能，类似微信那样支持touch事件。

亲测，实现方案很不错，所以放出来，和大家分享一下，希望有人能用得到。

核心思想就是用到了CSS3的transform属性， 不多说，我们看代码：

上面代码中我们新建了一个directive，方便多个地方重用。

当我们建立好directive时候，该如何使用呢？

我们只需要在img文件上设定一个属性即可，是不是很简单呢？

相关推荐：

jQuery实现鼠标滚轮控制图片缩放

html5手机端页面缩放问题的解决详解

微信小程序中关于movable-view移动图片与双指缩放的实例详解

以上就是AngularJS仿微信图片手势缩放代码的详细内容，更多请关注Gxl网其它相关文章！