KonvaJS缩小图像而不损失质量

时间:2019-08-05 13:57:44

标签: konvajs react-konva

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

当前,当我将Stage保存到文件中时,图像会缩小以适合比例,而小图像是保存的结果,这使得该图像不可用。

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

1 个答案:

答案 0 :(得分:3)

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

stage.toDataURL({ pixelRatio: 2 });

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