Я использую OpenSeadragon для изображений с глубоким увеличением и openseadragonselection для выбора определенной части изображения и копирования на новый холст.Но модули, кажется, дают смещенное изображение, как на прилагаемых изображениях. Выделение и Копирование на новый холст .Код, который я использую, выглядит следующим образом:
onSelection: function(rect) {
viewer.viewport.goHome();
ctx = viewer.drawer.canvas.getContext('2d');
imgData = ctx.getImageData(x=rect.x,y=rect.y,rect.width,rect.height);
loadImageToCanvas(imgData);
}
function loadImageToCanvas(imgData, canvasId=22, hidden=false) {
let canvas = document.createElement('canvas');
canvas.id = canvasId;
canvas.width = imgData.width;
canvas.height = imgData.height;
div = $('#canvas');
let context = canvas.getContext("2d");
context.putImageData(imgData, 0, 0);
div.append(canvas);
if (hidden) {
canvas.style.display = 'none';
}
}
Я прошел openseadragonselection, и все выглядело хорошо.Что мне здесь не хватает?