AngularJS1.x学习（仿微信图片手势缩放效果实现）

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

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

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

'use strict';

/**
 * @ngInject
 */
module.exports = function () {
    var _directive =  {
        restrict : 'A',
        scope    : false,
        link     : _link
    };

    function _link(scope, element, attrs) {
        var elWidth, elHeight;

        // mode : 'pinch' or 'swipe'
        var mode = '';

        // distance between two touche points (mode : 'pinch')
        var distance = 0;
        var initialDistance = 0;

        // image scaling
        var scale = 1;
        var relativeScale = 1;
        var initialScale = 1;
        var maxScale = parseInt(attrs.maxScale, 10);
        if (isNaN(maxScale) || maxScale <= 1) {
            maxScale = 3;
        }

        // position of the upper left corner of the element
        var positionX = 0;
        var positionY = 0;

        var initialPositionX = 0;
        var initialPositionY = 0;

        // central origin (mode : 'pinch')