使用 jCrop api 显示所选作物区域的坐标

Posted 2023-02-25

【中文标题】使用 jCrop api 显示所选作物区域的坐标

【英文标题】：Using jCrop api to show coordinates of selected crop area

【发布时间】：2015-05-03 04:57:39

【问题描述】：

我正在使用 JCROP jquery 插件来裁剪和上传图像。

我想知道如何在表单submit 或单击按钮上调用showCoords 函数。

API 仅提供调用它onselect 或onchange 的文档，但我想调用它onsubmit 并想知道我必须传递什么参数。

我的示例网址

http://deepliquid.com/projects/Jcrop/demos.php?demo=handler

【问题讨论】：

不喜欢这个问题的人到底是什么鬼。当它的信息清晰可用于许多 jquery 插件时

【参考方案1】：

要在不使用事件的情况下显示坐标，您可以使用jCrop API 中的tellSelect() 方法

基本用法可以这样：

var jcrop_api;
function initJcrop(oImg)
    oImg.Jcrop(
        ,function()
            // initiate api
            jcrop_api = this;
         
    );
;      

$(function($)
    // initiate jcrop:
    initJcrop($('#cropbox'));
    // add button handler - but this can be any function
    $("#show").click(function () 
        // get the coordinates.
         console.log(jcrop_api.tellSelect());
    );
);

This jsfiddle 演示tellSelect的用法