在瀏覽器中顯示 svg 圖像

Question

我想使用 qr-image npm 模塊在帶有 node.js 的瀏覽器中顯示 qr-code svg 圖像。 編碼：

var qr = require('qr-image');
var svg_string = qr.imageSync('I love QR!', { type: 'svg' });

后來，在我的 page.ejs 中，我有：

<%= svg_string %>

在瀏覽器中，我有：

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23">
<path d="M1 1h7v7h-7zM11..."/></svg>

我只看到文字而不是圖像。 我試過

<img <%= svg_string %> >

但這是錯誤的。 如何顯示我的 svg 圖像？

Answer 1

請使用它，它將顯示在 y 中。

<%-svg_string %>