javascript - 无法从 SVG 图像元素加载图像

我正在尝试将图像加载为 svg 背景，但它只显示损坏的图像，我认为路径是正确的（js 和图像文件在同一目录下），我尝试'data:image/png;base64,'在前面添加它仍然没有' t工作，我也尝试了localhost，它也没有工作。

  svg
  .append("image")
  .attr("width", "1352px")
  .attr("height", "721px")
  .attr("href", "img.png");

但我可以从<img>标签加载图像。我换成canvas来显示图片，还是不能显示图片。但是，应用程序可以显示在线图片。

 let img = new Image();
img.onload = function() {
  context.drawImage(img, 0, 0);
};
img.src =
  "img.png";

我在 Chromium 上运行应用程序并使用 Parcel 包。

标签： javascriptd3.js

好的，我认为问题是我使用的是 Parcel，所以我需要导入图像文件。

import img from "./img.png";