在fabric Image.fromURL函数中传递头文件。

Question

我正在使用 fabric.js Image.fromURL 函数将图片加载到 canvas。目前，图片加载成功，没有任何问题。但现在我需要传递头文件以进行验证，有没有办法将头文件传递到 "Image.fromURL "函数中，或者以其他方式将我的头文件加入其中。

Answer 1

Image.fromUrl没有发送请求。正如你所看到的 此处 在源代码中，这个函数使用 fabric.util.loadImage你可以看到 此处 创建一个图像并设置 src 属性。这样浏览器就会自己提出获取图片的请求。而且你不能使用Image.FromURL函数发送你自己的头文件。

我想你可以得到你的图像这样的东西（这只是想法）。

const image = new Image();
image.onload = (img) => {
  const oImg = new fabric.Image(img);
  canvas.add(oImg);
}

fetch("https://your-url", {headers: {}}).then((res)=>{
  image.src = res;
})