在 fabric Image.fromURL 函数中传递 headers

Question

我正在使用 fabric.js Image.fromURL 函数将图像加载到 canvas。目前，图像已成功加载，没有任何问题。但是现在我需要通过 headers 进行身份验证，有没有办法可以将 headers 传递到 "Image.fromURL" 函数中，或者可以通过其他任何方式合并我的 headers

Answer 1

Image.fromUrl 没有发送请求。如您所见，here in source code this function uses fabric.util.loadImage, that as you can see here 创建了一个图像并设置了 src 属性。因此，浏览器发出获取图像本身的请求。而且您不能使用 Image.FromURL 函数

发送您自己的 headers

我认为你可以获得这样的图像（这只是想法）：

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;
})

在 fabric Image.fromURL 函数中传递 headers

Pass headers in fabric Image.fromURL function

javascript

html5-canvas

fabricjs