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

【问题标题】：How to convert a svg source code retrieve from database and present it as an image in html如何转换从数据库中检索的 svg 源代码并将其呈现为 html 中的图像
【发布时间】：2015-01-30 12:09:36
【问题描述】：

我有一个 svg 源代码作为 LONGTEXT 保存在 MYSQL 中。我的服务器端将检索它并将其发送到我正在使用 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 中的星号？

【问题讨论】：

标签： javascript php html svg

【解决方案1】：

大多数现代浏览器都支持渲染 SVG 图像。如果您只是在页面上打印 SVG 内容，它会像 IMG 标签一样正常工作。

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

【讨论】：