Canvas 如何在webpack构建环境中将svg文件呈现到画布？

我想将svg文件渲染到画布。我有一个网页包设置，所以我想我可以在网页包构建中嵌入svg。最好的办法是什么

---

我想使用javascript在画布中呈现svg。

您可以使用

文件加载器

将svg图像复制到输出文件夹

var can = document.getElementById('canvas1');
var ctx = can.getContext('2d');

var img = new Image();
img.onload = function() {
   ctx.drawImage(img, 0, 0);
}
img.src = require('file!./example.svg');

如果你的网页配置是这样的

...
output: {
    path: path.resolve(__dirname, 'dist'),
    ...
},
...

---

然后您的svg文件将被复制到dist文件夹

Thx，我知道这一点，但我想嵌入文件，而不是在加载后加载。然后尝试使用

svg url

而不是

file

我只有插件答案，所以我发表评论：svg内联加载程序将是您的解决方案。但是这个插件不再需要维护了——我找不到更新的插件。