错误：节点画布是在不支持 JPEG 的情况下构建的

问题描述

/Users/demo/canvas/node_modules/canvas/lib/image.js:91 SetSource.call(img,src); ^

Error: node-canvas was built without JPEG support
at setSource (/Users/demo/canvas/node_modules/canvas/lib/image.js:91:13)
at Image.set (/Users/demo/canvas/node_modules/canvas/lib/image.js:62:9)
at /Users/demo/canvas/node_modules/canvas/index.js:34:15
at new Promise ()
at loadImage (/Users/demo/canvas/node_modules/canvas/index.js:23:10)
at Object. (/Users/demo/canvas/index.js:19:1)
at Module._compile (node:internal/modules/cjs/loader:1092:14)
at Object.Module._extensions..js (node:internal/modules/cjs/loader:1121:10)
at Module.load (node:internal/modules/cjs/loader:972:32)
at Function.Module._load (node:internal/modules/cjs/loader:813:14)

    const { createCanvas,loadImage } = require('canvas')
    const canvas = createCanvas(200,200)
    const ctx = canvas.getContext('2d')
    ctx.font = '30px Impact'
    ctx.rotate(0.1)
    ctx.fillText('Awesome!',50,100)
    var text = ctx.measureText('Awesome!')
    ctx.strokeStyle = 'rgba(0,0.5)'
    ctx.beginPath()
    ctx.lineto(50,102)
    ctx.lineto(50 + text.width,102)
    ctx.stroke()
    loadImage('./2.jpg').then((image) => {
      ctx.drawImage(image,70,70)
    
      console.log('<img src="' + canvas.toDataURL() + '" />')
    })

环境： canvas@2.7.0 noede@15.14.0 macOS Big Sur 11.1 MacBook Pro（13 英寸，M1，2020） 苹果 M1

解决方法

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

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

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