javascript - 在 Fabric Image.fromURL 函数中传递 header

Question

我正在使用fabric.js Image.fromURL 函数将图像加载到 Canvas 。目前，图像加载成功，没有任何问题。但现在我需要传递 header 以进行身份​​验证，是否有一种方法可以将 header 传递到“Image.fromURL”函数或任何其他可以将 header 合并到其中的方法。

Answer 1

Image.fromUrl 不发送请求。如您所见here在源代码中，该函数使用fabric.util.loadImage，如您所见 here创建图像并设置 src 属性。因此，浏览器发出获取图像本身的请求。并且您无法使用 Image.FromURL 函数发送自己的 header

我认为你可以得到这样的图像(这只是想法):

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

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