javascript - 禁止动态生成的 SVG 中的文字 URL？

Question

我正在用javascript动态生成一个SVG，效果很好。当我尝试将当前 location.href 作为文字字符串包含在图像的文本内容中时（例如：“来源：http ://www.google.com ”），它失败了。当我再次使用encodeURIComponent(location.href)它时（encodeURI(location.href)不会），但 url 很难看/可读性较差。

我猜 SVG 禁止包含文字 URL？

如何将生成页面的 location.href 显示为非编码 URL？我试图找到 JSON.stringify 函数的等价物，以便 SVG 生成器不会将其解释为 URL。

Answer 1

对于那些面临同样问题的人，我发现将任何 TEXT（页面内容或 URL）呈现为 SVG，您必须将所有实例替换&为 ASCII 等效项&。这可能意味着您必须过滤 ASCII 字符，因为结果输出将是文字 ASCII 代码，例如：“ blah blah Meat & Potatoes blah blah”。