Openseadragon:旋转画布时奇怪的选择旋转

时间:2018-05-15 14:19:10

标签: javascript html5-canvas openseadragon

我目前正在使用OpenSeadragon和Picturae选择插件来添加裁剪工具。

选择工作正常,但是当我旋转图像时,选择的旋转很奇怪:它围绕左下角而不是选择中心旋转。

I made a video of the case:图像直线时选择旋转的正常行为,以及旋转图像时的奇怪行为。

期望的效果是围绕选择中心旋转......

我使用以下代码初始化选择:

var selection = viewer.selection({
  element:                 null, // html element to use for overlay
  showSelectionControl:    true, // show button to toggle selection mode
  toggleButton:            null, // dom element to use as toggle button
  showConfirmDenyButtons:  true,
  styleConfirmDenyButtons: true,
  returnPixelCoordinates:  true,
  keyboardShortcut:        'c', // key to toggle selection mode
  rect:                    null, // initial selection as an OpenSeadragon.SelectionRect object
  startRotated:            false, // alternative method for drawing the selection; useful for rotated crops
  startRotatedHeight:      0.1, // only used if startRotated=true; value is relative to image height
  restrictToImage:         true, // true = do not allow any part of the selection to be outside the image
  onSelection:             function(rect) { viewer_crop_download(rect); },
  cancel : function(){ viewer_crop_disable(); },
  prefixUrl:     PREFIX_URL,
  navImages:
  {
    selection: {
     REST:   'selection_rest.png',
     GROUP:  'selection_grouphover.png',
     HOVER:  'selection_hover.png',
     DOWN:   'selection_pressed.png'
    },
    selectionConfirm: {
     REST:   'selection_confirm_rest.png',
     GROUP:  'selection_confirm_grouphover.png',
     HOVER:  'selection_confirm_hover.png',
     DOWN:   'selection_confirm_pressed.png'
    },
    selectionCancel: {
     REST:   'selection_cancel_rest.png',
     GROUP:  'selection_cancel_grouphover.png',
     HOVER:  'selection_cancel_hover.png',
     DOWN:   'selection_cancel_pressed.png'
    },
  }
});

OpenSeadragon:https://openseadragon.github.io

Picturae选择插件:https://picturae.github.io/openseadragonselection/

谢谢!

0 个答案:

没有答案