评论：jquery.photoClip图片裁剪添加旋转 缩放按钮功能  [查看原文]

不负好时光1
2021/1/21 15:53:43

借用楼主的方法重新写了旋转图片，可自由调整角度，实力为10度。

var rr = 0;

function rotateCW(point) {
    //rotateBy(90, point);


    //重新定义旋转
    var loacl;
    if (!point) {
        loacl = loaclToLoacl($moveLayer, $clipView, clipWidth * .5, clipHeight * .5);
    } else {
        loacl = globalToLoacl($moveLayer, point.x, point.y);
    }
    var origin = calculateOrigin(curAngle, loacl), // 旋转中使用的参考点坐标
        originX = origin.x,
        originY = origin.y;

    rr -= 10;
    var style = {};
    style[prefix + "transform"] = " rotate(" + rr + "deg)";
    style[prefix + "transform-origin"] = originX + "px " + originY + "px";
    $rotateLayer.css(style);
}

不负好时光0
2021/1/22 10:33:30
楼主 这个我自己写的旋转10没问题 但是就是裁剪不出来 求帮忙了，解决不了了。

不浮躁，不安逸。0
2019/4/8 10:06:11
同问，你解决了吗

missfcfc0
2020/1/7 17:58:23
同问，解决了么

houxin1230
2018/11/9 11:13:00
测试了下，把输出尺寸调大，就行了。不是bug

houxin1230
2018/11/9 11:13:36
你把图片的输出尺寸调大一点，默认是200*200的，这样肯定会失真的

不好意思，没测试，上面还是有问题，缩不到最小尺寸，只在放大部分加一个判断：

if (zoomNum === 1) {
   zoomNum += 1;
}

蜕变0
2018/10/10 15:48:43
您好，能问你点问题么

对部分图片第一次点击放大功能，实际会将图片缩小，第二次才正常放大？？？查看源码，做了部分修改，
将：       

var zoomNum = 0;
$(bigBtn).click(function() {
    if (zoomNum < 4) {
        zoomNum++;
    }
    var sf = zoomNum * .25;
    myScroll.zoom(sf);
});
$(smallBtn).click(function() {
    if (zoomNum > 0) {
        zoomNum--;
    }
    var sf = zoomNum * .25;
    myScroll.zoom(sf);
});

改为：

var zoomNum = 1;
$(bigBtn).click(function() {
    if (zoomNum < 4) {
        zoomNum += 1;
    }
    var sf = zoomNum * 0.23;
    myScroll.zoom(sf);
});
$(smallBtn).click(function() {
    if (zoomNum > 1) {
        zoomNum -= 1;
    }
    var sf = zoomNum * 0.23;
    myScroll.zoom(sf);
});

就可以解决这个问题