如何转换从数据库中检索的 svg 源代码并将其显示为 html 中的图像
How to convert a svg source code retrieve from database and present it as an image in html
>我有一个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 中将此代码显示为星号?
大多数现代浏览器都支持渲染 SVG 图像。如果您只是在页面上打印 SVG 内容,它将像 IMG 标签一样毫无问题地工作。
如果您想支持旧版浏览器,如 IE8 或非常旧版本的 Android 库存浏览器,则需要将 SVG 图像转换为另一种格式,如 PNG。这应该发生在服务器端。您可以使用像ImageMagick这样的工具。
相关文章:
- 如何使用url加载程序在webpack中导入多个图像
- nodejs-expressjs上传图像并显示它们
- 使用JSP从服务器检索和显示图像
- 角度:在ng重复上切换图像
- 画廊图像未显示
- Phonegap-(安卓/iphone)多个图像的图像库出现问题
- Javascript排序的图像弹出窗口..可以't单独弹出
- 画布数据到图像
- Windows8应用程序(html&Javascript):从图片库(除了文件选择器)显示图像的另一种方式
- 使图像在单击时展开到不大于浏览器
- Html页面上的多个Base64图像和平滑加载
- UIAutomation放大图像
- 当源代码由js设置时加载检查图像
- 如何转换从数据库中检索的 svg 源代码并将其显示为 html 中的图像
- 让ckeditor在源代码中保留一个图像映射
- 如何使用PHP在mysql数据库中插入图像和数据的源代码
- Grunt-rev与javascript源代码中的图像
- 当我不能修改一些源代码时,我如何控制图像加载?
- Javascript获取图像的源代码
- 预加载图像,(javascript源代码)