Jquery Jcrop - 从所有作物中获取（和设置）所有坐标

Posted 2023-02-25

【中文标题】Jquery Jcrop - 从所有作物中获取（和设置）所有坐标

【英文标题】：Jquery Jcrop - getting (and setting) all co-ords from all crops

【发布时间】：2017-03-27 11:27:47

【问题描述】：

我有一个 jcrop 实例，我要求用户制作 2 种作物（纵向和横向仅供参考）

我已经完成了所有的裁剪，但是让两者的坐标都出来是一件痛苦的事……当我更新一个时，它变成了第一个。这是我的代码：

$('#myimage').Jcrop(
                setSelect   : [ 100, 100, 300, 150 ],
                bgOpacity   : 0.4,
                multi       : true,
                multiMax    : 2,
                onSelect    :setCoordinates,
                boxWidth    : 1000,
                boxHeight   : 600
            , function()
                jcrop_api = this;
            );

这是我的 setCooirdinates 函数：

function setCoordinates(c) 
  console.log( c );

所有正在记录的都是当前选定的项目。我想得到两个裁剪框，这样我就可以将这些变量分配给表单上的隐藏字段，以便发送到服务器进行后期处理。 c 只返回当前项目的 x/y 等。我想要它们！

在 jcrop 中有没有办法说“让我获取所有当前的作物数据？”

:)

【问题讨论】：

嗯，我还是听不懂。。我认为一个更好的问题是，如果我有 3 个选择区域，jcrop 上是否有一种方法可以为它们获取所有 x/y 信息一个电话？

【参考方案1】：

这是 eh 主 jcrop 文件的一个附加函数，用于计算作物并返回它们。我使用 unscale 来解释我的画布在缩小的图像上缩放的事实

getMulti: function()
  var count;
  var countCrops = this.ui.multi.length;
  var returnMulti= [];
    for(count = 0; count < countCrops; count++) 
        returnMulti = returnMulti.concat(this.unscale(this.ui.multi[count].last))
    
    return returnMulti;
,

这得到了两个作物的数组......它在第一个作物上出错，因为没有第二个......但我不在乎（好吧，我会的，我稍后会清理它）