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

Question

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

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

有任何想法吗？

Answer 1

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

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

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

对于您想要的，可能值得了解您是否可以使用 SVG。

Answer 2

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