以比屏幕更高的DPI創建畫布對象？

Question

我有一個畫布對象，我需要能夠以比本機屏幕分辨率更高的分辨率創建。我正在使用Flot圖形庫，並且我需要輸出一個圖形，當它被打印時就像它在屏幕上顯示時一樣好。

我能想到的唯一方法是使畫布尺寸增大3倍，然後縮放，但我不認爲在我打印時它可以正常工作。

任何想法？

Answer 1

所以你建議你創建一個canvas元素與特定的寬度和高度（它的原始分辨率），並將其擴展到不同的窗口座標，如：

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

我覺得有這樣一個問題會因爲打印渲染器可能會像圖像一樣對待縮放後的畫布，並以文檔像素分辨率渲染它，所以您可能無法獲得所需的改進。

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

Answer 2

關閉此循環 - 我發現最好的選擇是以2x分辨率創建畫布對象，然後使用寬度和高度CSS參數對其進行縮放。