Electron nativeImage 从画布 dataURL 创建，质量低答案

【问题标题】：Electron nativeImage create from canvas dataURL with low qualityElectron nativeImage 从画布 dataURL 创建，质量低
【发布时间】：2021-08-03 01:30:23
【问题描述】：

我有一个 104 宽 24 高的画布。然后我用这个画布 dataurl 创建了一个 nativeImage 实例，但是得到了一个低质量的图像。

画布：

从画布创建 NativeImage：

带有 Canvas dataURL(raw) 的图像：

NativeImage 代码如下：

      let image = nativeImage.createFromDataURL(canvasImg);
      image = image.resize({
        width: 104,
        height: 24,
        quality: 'best',
      });

canvas 和 canvas raw dataUrl 图片清晰，但 nativeImage 不清晰。那么我该如何解决这个问题呢？请帮忙。

【问题讨论】：

标签： canvas electron

【解决方案1】：

从canvas生成两张图片，一张是原始分辨率，一张是双倍分辨率。将它们命名为 foo.png 和 foo@2x.png 然后在 nativeImage 对象的 createFromPath 方法中使用 foo.png 来使用图像。

【讨论】：

【解决方案2】：

如果您使用的是 windows/macOS，您也可以尝试使用 nativeImage.createThumbnailFromPath。不确定nativeImage.createFromDataUrl 发生了什么，但这将允许您选择大小并返回原生图像

【讨论】：