drawImage和loadImage在节点画布上不起作用

编程问答 2022-06-03

问题描述

我尝试了多个代码段，但没有一个起作用。甚至来自节点画布Github存储库的示例代码也可以正常工作。这是我的代码：

const Canvas = require("canvas")

let canvas = Canvas.createCanvas(150,150);
let ctx = canvas.getContext('2d');
async function draw() {
    let resim = await Canvas.loadImage("https://i.hizliresim.com/LTnLqr.jpg");
    ctx.drawImage(resim,15,30,30);
}
draw()
  
fs.writeFileSync("test.png",canvas.toBuffer());

我尝试过：

  • 发送请求，然后加载正文
  • 使用“ ./”从语言环境加载
  • 与上面相同，但不包含'./'
  • 尝试过imgur以加载图像
  • 更改了drawImage（）的大小和位置

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

canvasjavascriptnode-canvas