呈现svg文件，并使用快递服务

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

现在，我可以将svg作为原始XML文件。 这是我在做什么：

路线

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> 

当我点击这条path时，svg文件的原始XML将被提供给浏览器。 我怎样才能把它作为一个SVG图像先渲染，然后提供它？

Answer 1

修改你的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>