用ElectronJS中的toJpeg糾正錯誤

Question

我對這段代碼有疑問。

ctx.drawImage(document.getElementById("videoScreen"), 0, 0);
imgData = ctx.getImageData(0, 0, ctx.canvas.width, ctx.canvas.height).data;
if (sendFullScreenshot || lastFrame == undefined) {
    sendFullScreenshot = false;
    croppedFrame = new Blob([electron.nativeImage.createFromDataURL(ctx.canvas.toDataURL()).toJpeg(100), new Uint8Array(6)]);
}

錯誤是：

錯誤圖片

有人能幫我嗎？

Answer 1

沒有方法： .toJpeg

如果您查看手冊，您會發現它是toJPEG

image.toJPEG（質量）

• quality整數（必需）-0-100之間。

返回Buffer-一個包含圖像的JPEG編碼數據的Buffer。

因此修復：

croppedFrame = new Blob([
  electron.nativeImage
          .createFromDataURL(ctx.canvas.toDataURL())
          .toJPEG(100), 
  new Uint8Array(6)
]);