1

我正在使用带有出色svg 覆盖插件的 openseadragon 。

在 Chrome 上，该应用程序的行为符合预期：用户可以点击放大，直到以 SVG 呈现的表格完全可见，表格上的注释清晰可见。

这是演示的链接。缩小以查看表格的 SVG 版本，覆盖背景的模糊光栅版本。

在 iOS 或 OSX 上的 Safari 上，当缩放超过看似任意的阈值时，表格及其上的所有内容都开始消失。消失点似乎取决于我不了解的其他因素，因此这个问题需要洞察力。例如，使用 two.js 绘制的橙色圆圈会在比例变换正好为 51201 时消失（在 51200 处圆圈就在那里）。svg 变换属性的截图对于更复杂的表格 SVG，表格上的元素会以不同的比例消失，在 ~23000 到 50000 之间。有时它们会消失，然后在稍微放大后重新出现。有时它们会在缩放时消失，然后重新出现平移，靠近视口边缘的对象。

IE 11 有一个非常相似的问题。

有没有人处理过或解决过这个问题？

4

1 回答 1

1

这真是一个精巧的项目！

以我的经验，SVG 消失的这种问题与极端缩放有关。好消息是您应该能够通过更改视口坐标来解决它。默认情况下，图像的宽度是视口值 1，但您可以将图像设置为 10,000 或类似的宽度，这在屏幕上看起来完全一样，但这意味着 SVG 认为它被缩小了很多起初，因此当您放大时，您可以走得更远。

如果您使用的是 two.js，另一个可能的解决方法是切换到画布渲染并使用https://github.com/altert/OpenSeadragonCanvasOverlay。

顺便说一句，我很乐意在完成后分享您的项目...请在您准备好后在https://github.com/openseadragon/site-build/issues提交票证，我们可以将其添加到http:// /openseadragon.github.io/examples/in-the-wild/。

于 2016-09-01T16:52:33.447 回答