Html5 canvas 以高分辨率导出画布的可见区域

Html5 canvas 以高分辨率导出画布的可见区域,html5-canvas,konvajs,Html5 Canvas,Konvajs,我正在html5画布上工作,为此我使用konvajs和anglurjs。我想以更高的分辨率导出画布的可见区域 我可以使用stage.toDataURL('JPEG',1.0)导出可见区域,但它会重新提升图像的分辨率。它根据浏览器窗口设置图像尺寸,但我希望以与导入时相同的分辨率导出图像。有一个名为pixelRatio的stage.toDataURL()的未记录配置: stage.toDataURL({ pixelRatio: 2}) 此命令将以更高的分辨率保存画布 演示:有一个名为pixelRa

我正在html5画布上工作,为此我使用konvajs和anglurjs。我想以更高的分辨率导出画布的可见区域


我可以使用stage.toDataURL('JPEG',1.0)导出可见区域,但它会重新提升图像的分辨率。它根据浏览器窗口设置图像尺寸,但我希望以与导入时相同的分辨率导出图像。

有一个名为
pixelRatio的
stage.toDataURL()
的未记录配置:

stage.toDataURL({ pixelRatio: 2})
此命令将以更高的分辨率保存画布


演示:

有一个名为
pixelRatio
stage.toDataURL()
的未记录配置:

stage.toDataURL({ pixelRatio: 2})
此命令将以更高的分辨率保存画布


演示:

感谢@Iavrton的回复。我也试过了,但会降低图像质量。谢谢@Iavrton的回复。我也试过了,但它会降低图像质量。