В настоящее время я работаю со средством просмотра, использующим 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/
Спасибо!