gpt4 book ai didi

javascript - 按下按钮时图像旋转 croppermaster

转载 作者:行者123 更新时间:2023-11-29 23:19:38 26 4
gpt4 key购买 nike

我正在使用 this裁剪图像的插件,我想在裁剪工具中实现图像的旋转。我正在使用以下代码初始化裁剪器。

$('#image').cropper({
aspectRatio: 7 / 5,
viewMode: 1,
dragMode: 'move',
autoCropArea: 0.65,
restore: false,
guides: false,
highlight: false,
width: 100,
height: 100,
cropBoxMovable: false,
cropBoxResizable: false,
toggleDragModeOnDblclick: false,
minCropBoxWidth: 350,
minCropBoxHeight: 200,
strict: false
});

这是图像的 HTML 和一个旋转图像的按钮,如下所示

<div>
<img id="image" src="images/AddImage.png" class="userUpload" alt="Picture" />
</div>
<button type="button" class="btn btn-secondary" data-method="rotateTo" data-option="90" id="rotateImage">
<span class="docs-tooltip" data-toggle="tooltip" title="$('#image').cropper.rotate(90)">
Rotate 90°
</span>
</button>

此外,我还有以下 javascript 函数,可以处理图像的旋转。

$("#rotateImage").click(function () {
$('#image').cropper.setCanvasData({ rotate: 90 });
});

但是,我在控制台中收到以下错误。

Tools.js:993 Uncaught TypeError: $(...).cropper.setCanvasData is not a function

有没有人对我在尝试旋转图像时出错的地方有任何建议?

谢谢。

最佳答案

参见 here .

您可以尝试使用其他方式调用该方法

$('#image').cropper.('rotate',90);

关于javascript - 按下按钮时图像旋转 croppermaster,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51202029/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com