<分区>
标签 javascript html css svg d3.js
<分区>
这个问题与之前的问题有关:Loading a huge image (5mb) into svg background leads to pixelation and performance issues
图片大小为 ~5 MB,像素为 20000 x 11596。
在这里,我想知道有哪些替代方法可以将巨大的 PNG 图像加载到背景中。我已经尝试了几件事。也许我以错误的方式使用了它们,但最后我以某种方式在 D3.js 的缩放对象中需要此图像。这是我所相信的最困难的部分。将图像加载到整体背景中确实非常简单。但是让它缩放和拖动要困难得多。正如您从上面的链接中看到的那样,我已经做到了,但是性能很糟糕。
所以目前我有一个带有 svg 背景的“有时”运行方法。但是正如您在上面的链接和访问该网站上看到的那样,它现在不起作用。但我认为这是因为图像分辨率/尺寸太高了。几天前它使用相同的代码,非常奇怪。所以 svg 背景不是解决方案。我已经测试了一些其他的东西:
所以没有任何帮助或按预期工作。正如我所说,我有一些特殊的要求:
所以我现在的问题是:
当然我也可以使用平铺图像。但我不想缩放步骤。如果可能的话,我真的很想有一个不需要重新加载图像的 map 。
谢谢。
顺便说一句,这里要显示的图像:http://arda-maps.org/ages/pics/map/ages/firsthigh.png (需要一些时间加载...)
最佳答案
如 Loading a huge image (5mb) into svg background leads to pixelation and performance issues没有看到解决办法。只需减小尺寸,即可在 Firefox 和 Chrome 中使用。
关于javascript - 将巨大图像加载到 D3 map 背景中的高效方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30028958/