javascript - 使用 jCrop api 显示所选裁剪区域的坐标

Question

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

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

API仅提供调用它onselect或onchange的文档，但我想调用它onsubmit并且想知道我有什么参数通过。

我的示例网址

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

Answer 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的用法