Javascript 如何在cropperjs中调用rotate方法

我正在使用cropperjs，我想创建一个按钮来调用cropperjs中的旋转方法，即有一个顺时针90度和逆时针90度的按钮。我尝试了下面的代码，但没有成功

  <script>
        window.addEventListener('DOMContentLoaded', function () {

            var image = document.getElementById('image');
            var imgRotate = document.getElementById('rotateImg');
            var cropper = new Cropper(image, {
                aspectRatio: 20 / 15,

                built: function () {

                }
            });

            document.getElementById('rotateImg').onClick = function () {
                cropper.rotate(90);
            };
        });
    </script>

addEventListener（'DOMContentLoaded'，函数（）{
var image=document.getElementById（'image'）；
var imgRotate=document.getElementById（'rotateImg'）；
变量裁剪器=新裁剪器（图像{
专题：20/15，
内置：函数（）{
}
});
document.getElementById（'rotateImg'）。onClick=function（）{
裁剪器。旋转（90）；
};
});

两个步骤：

(一) 为了确保调用函数，可以按如下方式跟踪它

document.getElementById('rotateImg').onClick = function () {
 console.log("I'm in, go to step 2");
  cropper.rotate(90);
 };

(二) 您需要告诉cropper允许您想要使用的函数性，下面是一个不同函数性的示例：

cropper = new Cropper(image, {
      movable: true,
      zoomable: true,
      rotatable: true,
      scalable: true
    });

---

希望这将帮助您节省时间。

我添加了一个脚本。请再次检查这个问题！使用此脚本时出现了什么问题？onClick函数是否按预期启动？开枪？控制台中是否有错误？没有错误。我的日志甚至无法打印，所以听起来你的onClick没有按预期工作。。非常感谢，资源非常有用，它解决了我的问题。我还发现“onClick”应该是“onClick”，非常感谢，不过我已经试过了。我已经解决了这个问题，请看上面的评论