rendre le fichier svg et le servir en utilisant express

Question

Je voudrais savoir comment rendre et servir un fichier svg en utilisant Express.

En ce moment, je peux servir un svg en tant que fichier XML brut. Voici ce que je fais:

itinéraire

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> 

Quand je frappe cette route, le XML brut du fichier svg est servi au navigateur. Comment puis-je le rendre d'abord en tant qu'image SVG, puis le servir?

Answer 1

Modifier votre fichier SVG dans ce

<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>