通过javascript变量将Jcrop坐标返回到Jcrop?

Posted

技术标签:

【中文标题】通过javascript变量将Jcrop坐标返回到Jcrop?【英文标题】:Getting the Jcrop coordinates back into Jcrop through javascript variable? 【发布时间】:2014-12-08 17:09:38 【问题描述】:

如果我这样设置变量:

var coords = jcrop_api.tellSelect();

它以 x,y,x2,y2,h,w 格式返回我当前的 Jcrop 选择坐标。

现在,如果我想将坐标设置回那个位置,我可以去:

jcrop_api.animateTo(coords)

但是 animateTo 函数只需要一个 4 的数组,[x, y, w, h] 当我尝试执行上述方式时,它最终会破坏代码。 那么如何更改变量坐标以适应这种格式?

谢谢

【问题讨论】:

【参考方案1】:

你提到的 API 函数至少在 0.9.12 版本的插件..

jcrop_api.tellSelect() 返回一个像这样的对象:


   x: 0,
   y: 0,
   x2: 10,
   y2: 10,
   w: 10,
   h:10

而 jcrop_api.animateTo 需要一个像 [x,y,x2,y2] 这样的数组,所以,试试这个:

var c = jcrop_api.tellSelect();

jcrop_api.animateTo([c.x,c.y, c.x2, c.y2]);

【讨论】:

谢谢。这解释了很多。才刚刚开始学习javascript

以上是关于通过javascript变量将Jcrop坐标返回到Jcrop?的主要内容,如果未能解决你的问题,请参考以下文章

弄乱 Jcrop 大小

Jcrop 裁剪图像无法正常工作,正在裁剪错误的部分

jcrop_api 未定义?

Bootstrap Modal 中的 Jcrop 裁剪错误的坐标

如何将javascript变量传递给嵌入式ruby?

jCrop 在更改图像时使用正确的坐标调整大小