我有一个带有大量文本的 SVG。这是一张停车场地图,上面写着车位号。我在网络浏览器中显示它,并且由于Firefox 中的一个奇妙的小错误,浏览器会错误地呈现文本。嘘。
所以我将文本转换为路径。我们谈论的是多达 4000 个单独的标签。现在可能有 15,000 个新形状它们是矢量。它是 4MB。通常,您可能会争辩说这有助于压缩,但我必须将此 SVG 内联到 HTML中。我正在动态添加 CSS 更改,这是我有机会获得跨浏览器支持的唯一方法。所以无论如何,这个原始的——甚至是经过打磨的——输出太大而没有用处。
令我印象深刻的是所有这些空格数字共享共同的字形。零到九。为什么我要为每个数字的每个实例都包含一个形状定义?我可以对这些进行重复数据删除吗?
我正在使用 Inkscape,但我愿意接受建议。