Javascript可视化:svg地图的可接受大小

Javascript visualization: acceptable size of svg map?

本文关键字：可接受地图可视化 svg Javascript 更新时间：2023-09-26

我正试图使用Raphael.js从svg文件中制作一个地图。我的问题是原始地图非常详细。我想我必须减少Illustrator的点数，但我不确定我必须把它推多远。

粗略地说，svg文件的大小是可以接受的？这个想法是在我提取路径并使用Raphael.js.将其可视化后，为地图添加一些交互性

目前，这个文件包含大约300个多边形和17.000个点，大约是180kb。

-jens

如果您将Web服务器设置为压缩它所提供的内容（deflate是最常见的算法），那么文件将理所当然地被压缩，并且由于数据结构的重复，SVG文件很容易压缩。

如果它仍然太大，考虑一下插图的目的是什么；它需要那么详细吗？

我最近遇到了一个类似的问题，但它是letterforms而不是map。如果你看一下SVG的源代码，它会看起来像。。。

M 0 0 L 1.29384945877 28.494585495 L 1.29384945877 28.494585495 ...

所有这些额外的数字都是精确的，你不需要，你可以用一两个小数，它看起来完全一样。我去掉了它们，压缩了60-70%。

您可以使用正则表达式替换来删除它们。