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

Question

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

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

如何缩小图像以适应舞台 canvas 而不会降低图像质量？

Answer 1

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

stage.toDataURL({ pixelRatio: 2 });

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