渲染 svg 文件并使用 Express 提供服务

2024-04-01

我想知道如何使用 Express 渲染和提供 svg 文件。

现在,我可以将 svg 作为原始 XML 文件提供。这是我正在做的事情:

route

router.get('/status', function (req, res, next) {
  res.setHeader('Content-Type', 'image/svg+xml');
  res.sendFile(path.join(__dirname, '../views/status.svg'));
});

svg

<svg width="400" height="180">
  <rect x="50" y="20" rx="20" ry="20" width="150" height="150" style="fill:red;stroke: black;stroke-width:5;opacity:0.5" />
</svg>

当我选择该路线时,svg 文件的原始 XML 将提供给浏览器。如何首先将其渲染为 SVG 图像,然后提供服务?


将你的 SVG 文件修改为这样

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="400" height="180">
  <rect x="50" y="20" rx="20" ry="20" width="150" height="150" style="fill:red;stroke: black;stroke-width:5;opacity:0.5" />
</svg>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

渲染 svg 文件并使用 Express 提供服务 的相关文章

随机推荐