在放大图像时,我在图像上覆盖了一个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'
}],