Javascript可视化:svg map的可接受大小?

时间:2012-02-22 15:44:32

标签: javascript svg raphael visualization adobe-illustrator

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

粗略地说,你认为svg文件的可接受大小是多少?我的想法是在我提取路径并使用Raphael.js将其可视化后,为地图添加一些互动性。

目前,持有约300个多边形17.000点的文件大约为180 kb。

-Jens

2 个答案:

答案 0 :(得分:0)

如果您将网络服务器设置为压缩它所服务的内容(deflate是最常用的算法),那么文件将被压缩为理所当然,并且由于重复数据结构,SVG文件很容易压缩。

如果它仍然太大,请考虑插图的目的是什么;它需要那么详细吗?

答案 1 :(得分:0)

我最近遇到了类似的问题,但它是字母而不是地图。如果你看一下SVG的源代码,它会看起来像......

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

所有这些额外的数字都是你不需要的精确度,你可以得到一个或两个小数,它看起来完全一样。我删除了它们并实现了60-70%的压缩。

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