Question

我想为我的用户提供通过jCrop裁剪上传图片的功能。结果应该是方格式。选择应显示在图像的中心，沿最短尺寸的任一侧约有10％的间隙。目前的代码：

        jcrop_api = $.Jcrop('#imgCrop', {
            onSelect:    storeCoords,
            onChange:    storeCoords,
            aspectRatio: 1
            setSelect:   [20, 20, 280, 280]
        });

因此，我需要一种方法将x1，y1，x2，y2值设置为正确的位置，而不是硬编码值。

Answer 1

使用preview method中的坐标作为数组的参数：

 jcrop_api = $.Jcrop('#imgCrop', {
        onSelect:    storeCoords,
        onChange:    storeCoords,
        aspectRatio: 1
        setSelect:   [ ($('#imgCrop').attr('width') / 2) - 10, 
                       ($('#imgCrop').attr('height') / 2) - 10, 
                       ($('#imgCrop').attr('width') / 2) + 10, 
                       ($('#imgCrop').attr('height') / 2) + 10 
                     ]
        });

找到模式并使其始终如一地工作需要一些反复试验。

jCrop：设置任何尺寸的上传图像的方形选择（居中）

1 个答案: