1

我已经实现了svg-edit的自定义版本,并在其上添加了svg-font-loader。当用户编辑 SVG 文件时,自定义字体可以很好地工作,这要归功于 svg-font-loader(我只是在加载 SVG 字符串之前在编辑器上预先加载了必要的自定义字体)。

用户完成编辑后,我将新的 SVG 字符串保存到文件系统(使用XDocument's Parse()Save().

然后我需要在标签内向用户显示这个 SVG 文件<img>,但是除非用户将它们安装在他们的机器上,否则这些字体不起作用。

如何在保存到文件系统之前对 SVG 字符串(Base64 或?)进行编码,以便正确显示?我需要解析 SVG 字符串并且只对某些部分进行编码吗?有我可以使用的工具吗?

编辑:或者,如果我在服务器上安装字体,有没有办法在服务器端将 SVG 序列化为 PNG,然后显示这个?这行得通吗?

4

1 回答 1

1

您可以通过在 svg 中使用 webfonts 来做到这一点。当您保存 svg 时,只需使用自定义字体 base64 编码写出 @font-face 样式规则。

这是一个例子

于 2012-10-10T12:07:53.063 回答