Question

我试图在图像上绘制裁剪区域后（即在mouseup上）立即在裁剪框的左侧显示一个按钮。

当前，我只能让按钮显示一次，即用户绘制了一个裁剪框区域，然后单击图像上的其他位置。

查看文档，cropend事件提供了各种“选项”，其中包括“ mouseup”，我假设这是我要遵循的。

但是，我实际上如何“使用”该选项？我不熟悉该语法的外观...

如果用户开始绘制新的裁切框，我可能需要点击类似的东西来定位cropstart mousedown选项，以便重新隐藏按钮，但是我一定能够从建议中理解它在这里提供。

这是我到目前为止的内容：

$(document).on('turbolinks:load', function() {
  let cropImage = document.getElementById('image-form-cropbox');
  // ... other variables
  let cropperInstance = new Cropper(cropImage, { 
    // ... various options
    crop: function(event) {
      $('#crop-x-field').val(event.detail.x);
      // ...
    },
    cropend: function(event) {
      $('#crop-submit-button')
        .position({
          my: 'right center',
          at: 'left center',
          of: $('.cropper-crop-box .line-w'),
        })
        .show();
    },
    // ...
  });
  // ...
});

预先感谢您的帮助！请让我知道是否需要进一步的服务！

更新20180906T11：07：00 第一次绘制裁切框时，直到我单击其他位置，按钮才会显示。但是，如果我随后继续在同一图像上绘制另一个裁切框，则在鼠标悬停时按钮会立即显示。

更新20180906T12：13：00 我能够通过重新排序功能来解决此问题。关于cropend事件，首先是.show（），然后是.position（...）

但是，如果我有第一个问题中提出的将mouseup选项作为目标的特定方法，我暂时将问题悬而未决。

cropper.js-您如何在cropend事件中使用mouseup选项？

0 个答案: