KonvaJS 在不损失质量的情况下缩小图像答案

【问题标题】：KonvaJS scale down image without losing qualityKonvaJS 在不损失质量的情况下缩小图像
【发布时间】：2019-12-13 01:38:01
【问题描述】：

我正在使用 Konva（准确地说是 react-konva）构建一个带有图像处理功能的 Cordova 应用程序。这个想法是，当我用相机拍照时 - 我可以使用这个库向它添加一些标记。但由于我没有太多空间 - 我需要一个相对较小的舞台（例如 300x500）来编辑大图像（例如 2000x3000）。操作完成后 - 我必须将该阶段保存到文件中。

目前，当我将舞台保存到文件中时 - 图像会缩小以适应比例，而那个小图像是保存的结果，这会使图像无法使用。

如何在不损失图像质量的情况下缩小图像以适应舞台画布？

【问题讨论】：

您可能更喜欢单独保存图像和标记。这样，您可以一次以最佳分辨率存储图像并将标记元数据存储在数据库中 - 例如用户 ID、日期和时间、画布上的矩形位置、注释。

标签： konvajs react-konva

【解决方案1】：

导出前可以设置像素比例：

stage.toDataURL({ pixelRatio: 2 });

https://konvajs.org/docs/data_and_serialization/High-Quality-Export.html

【讨论】：