如何转换从数据库检索的svg源代码并将其作为图像呈现在html中

Question

我有一个svg源代码保存在MYSQL中作为LONGTEXT。我的服务器端将检索它并将其发送到我正在使用Angular的前端。我的前端如何将其渲染为html？

在MYSQL中保存的svg代码的示例就像（我从某些地方复制而来）：

<svg height="210" width="500">   
<polygon points="100,10 40,198 190,78 10,78 160,198" style="fill:lime;stroke:purple;stroke-width:5;fill-rule:evenodd;"/> 
  Sorry, your browser does not support inline SVG.
</svg>

这个svg的设计是明星。当我的前端收到此代码时，它如何将此代码显示为HTML中的星号？

Answer 1

大多数现代浏览器都支持SVG图像的渲染。如果您只是在页面上打印SVG内容，它将毫无问题地工作，就好像它是一个IMG标记。

如果您想支持旧版浏览器，例如IE8或Android股票浏览器的旧版本，您需要将SVG图像转换为另一种格式，如PNG。这应该发生在服务器端。你可以使用像ImageMagick这样的工具。