我正在尝试使用按钮来旋转Croppie脚本。由于语法或其他内容不同，因此它不适用于此特定脚本。我不是一个狂热的JavaScript程序员。但是下面的代码是我所拥有的，并且试图使用按钮来旋转。到目前为止没有好处！哦！我已经在croppie.js中默认启用了定向，因为由于语法的原因，我不知道如何在下面的脚本中添加它，以防万一。
$( document ).ready(function() {
var $uploadCrop = $('#upload-demo');
$uploadCrop.croppie({
viewport: {
width: 450,
height: 450,
type: 'square'
},
boundary: {
width: 500,
height: 500
}
});
$uploadCrop.croppie('bind', 'imgs/cat.jpg');
$('.vanilla-rotate').on('click', function(ev) {
vanilla.rotate(parseInt($(this).data('deg'))); //<-------
});
$('.upload-result').on('click', function (ev) {
$uploadCrop.croppie('result', {
type: 'canvas',
size: 'original'
}).then(function (resp) {
$('#imagebase64').val(resp);
$('#form').submit();
});
});
});
在我看来，我注释掉箭头的那一行是问题所在。但是我可能是错的。
我在html页面上有一个按钮
<button class="vanilla-rotate" data-deg="-90">Rotate</button>
他们的Vanilla演示具有旋转功能，但是我试图在没有旋转功能的Upload演示中使用它。
从达斯汀·史密斯（Dustin Smith）-
不同之处在于您正在使用jquery初始化croppie。因此，您将需要使用jquery执行rotate方法，如下所示：
$ uploadCrop.croppie（'rotate'，parseInt（$（this）.data（'deg'）））;
这为我做到了！这样问题就解决了！感谢达斯汀！
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句