Javascript fengyuanchen jQuery裁剪器插件-如何裁剪画布

Javascript fengyuanchen jQuery裁剪器插件-如何裁剪画布,javascript,jquery,html,jquery-plugins,Javascript,Jquery,Html,Jquery Plugins,如何使用我自己的按钮裁剪图像 我试图执行这个 var canvas = $selector.cropper('getCroppedCanvas') 但它返回空值 有没有办法得到裁剪过的画布?如何将裁剪后的画布数据放入值并发送到PHP?什么是$selector?如果是这样的话: var $selector = $(".selector"); var $selector = $(".selector"); var canvas = $($selector).cropper('getCroppe

如何使用我自己的按钮裁剪图像

我试图执行这个

var canvas = $selector.cropper('getCroppedCanvas')
但它返回空值


有没有办法得到裁剪过的画布?如何将裁剪后的画布数据放入
值并发送到PHP?

什么是$selector?如果是这样的话:

var $selector = $(".selector");
var $selector = $(".selector"); 
var canvas = $($selector).cropper('getCroppedCanvas');
然后您需要调用getCroppedCanvas()函数到jQuery包装器。因为如果你写:

var canvas = $selector.cropper('getCroppedCanvas');
它将cropper getCroppedCanvas函数调用到DOM元素,而不是jQuery元素

这样写:

var $selector = $(".selector");
var $selector = $(".selector"); 
var canvas = $($selector).cropper('getCroppedCanvas');

它会很好的工作。如果要将画布数据另存为服务器上的图像,可以读取

选择器应为包含图像的HTML容器: Javascript和HTML应该如下所述:

$img=$(“#上传预览”);
$img.croper('getCroppedCanvas');
var canvaURL=canvas.toDataURL('image/jpeg');//它返回裁剪后的图像/画布

您对jquery对象的概念似乎有点混乱$(‘body’).get(0)=$($(‘body’).get(0);我想第一个片段的第二行应该是:var canvas=$img.crapper('getcrappedcanvas');或者画布是从哪里来的?