Openseadragon: странное вращение выделения при вращении холста - PullRequest
0 голосов
/ 15 мая 2018

В настоящее время я работаю со средством просмотра, использующим OpenSeadragon, и плагином выбора Picturae для добавления инструмента обрезки.

Выделение работает нормально, но когда я поворачиваю изображение, вращение выделения действует странно: оноповерните вокруг нижнего левого угла вместо центра выделения.

Я сделал видео случая : нормальное поведение вращения выделения, когда изображение прямое, и странное поведение, когда изображениеrotated.

Желаемый эффект - вращение вокруг центра выделения ...

Я использую следующий код для инициализации выделения:

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/

Спасибо!

...