OpenSeadragon Html Overlay Table дрожит при масштабировании - PullRequest
Новая
       22

OpenSeadragon Html Overlay Table дрожит при масштабировании

0 голосов
/ 14 марта 2019

При увеличении изображения я накладываю HTML-таблицу поверх изображения. Эта html-таблица дрожит при увеличении. Это ошибка в библиотеке OpenSeadragon?

Здесь вы можете взглянуть на проблему (просто увеличьте масштаб, тогда должна появиться таблица, и вы должны заметить дрожание): https://jsfiddle.net/qr2zLeok/

Я наблюдал эту проблему под Chrome.

Сначала я построю HTML-таблицу примерно так: 

for (i = 0; i < rowCount; i++) {
    tableHtml += '<tr>';
    for (j = 0; j < columnCount; j++) {
        tableHtml += '<td class="image-cell" style=""><div class="imageNmbr"></div></td>';
        imageCount++;
    }
    tableHtml += '</tr>';
}
tableHtml += '</table>';
$('body').prepend(tableHtml);

Затем я определяю таблицу как оверлей для OpenSeadragon: 

var viewer = OpenSeadragon({
    overlays: [{
        id: 'imageGrid',
        px: offsetLeft,
        py: offsetTop,
        width: completeImageWidth - offsetRight - offsetLeft,
        height: completeImageHeight - offsetBottom - offsetTop,
        className: 'filter'
    }],
...