以比屏幕更高的 DPI 创建画布对象？

Question

我有一个画布对象，我需要能够以比本机屏幕分辨率更高的分辨率创建它。我正在使用 Flot 图形库，我需要输出一个图形，它在打印时和在屏幕上显示时看起来一样好。

我能想到的唯一方法是将画布尺寸放大 3 倍，然后进行缩放，但我认为在我进行打印时这不会正常工作。

有什么想法吗？

Answer 1

所以你建议你创建一个具有特定宽度和高度（它是本机分辨率）的画布元素并将其缩放到不同的窗口坐标，例如：

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

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

对于你想要的，如果你可以使用 SVG，可能值得一试。

Answer 2

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