Jcrop FabricJS图像对象:移动/缩放限制

时间:2016-12-21 09:09:40

标签: jquery html5 canvas fabricjs jcrop

我在FabrijcJS上做裁剪图像对象。 这里我使用的是Jcrop,但我遇到的问题是当我移动/缩放裁剪指定区域时,它会被移出活动对象。 请帮我解决一个问题:裁剪框仅在活动对象内移动

enter image description here

    var object = canvas.getActiveObject();

    function updatePreview(c) {
        if (parseInt(c.w) > 0) {
        }
    }

    $('#c').Jcrop({
        onSelect: updatePreview,
        onChange: updatePreview,
        allowSelect: false,
        allowMove: false,
        allowResize: true,
        setSelect: [object.left, object.top, object.left + object.width * object.scaleX, object.top + object.height * object.scaleY],
        aspectRatio: 0,
        minSize: [1, 1],
        maxSize: [object.width * object.scaleX, object.height * object.scaleY]
    });    

0 个答案:

没有答案