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

Question

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

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

任何想法？

Answer 1

所以你建议你创建一个canvas元素与特定的宽度和高度（它的原始分辨率），并将其扩展到不同的窗口坐标，如：

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

我觉得有这样一个问题会因为打印渲染器可能会像图像一样对待缩放后的画布，并以文档像素分辨率渲染它，所以您可能无法获得所需的改进。

为了您的需要，可能需要了解您是否可以使用SVG。

Answer 2

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