Question

我有一个画布对象，我需要能够以比原始屏幕分辨率更高的分辨率创建。我正在使用Flot图库，我需要输出一个在打印时与在屏幕上显示时一样好的图表。

我能想到的唯一方法是使画布尺寸大3倍，然后缩放，但我不认为当我去打印时它会正常工作。

有什么想法吗？

Answer 1

因此，您建议您创建一个具有特定宽度和高度（它的原始分辨率）的画布元素，并将其缩放到不同的窗口坐标，例如：

<canvas width="320" height="240" style="width: 640px; height: 480px"></canvas>

我认为这样做的一个问题是，打印渲染器可能会将缩放的画布视为图像，只是以文档像素分辨率渲染它，因此您可能无法获得所需的改进。

对于您想要的内容，您可能需要了解是否可以使用SVG。

Answer 2

关闭这个循环 - 我发现最好的选择是以2x分辨率创建画布对象，然后使用宽度和高度CSS参数进行缩放。