ネイティブの画面解像度よりも高い解像度で作成できるようにする必要があるキャンバスオブジェクトがあります。Flotグラフライブラリを使用しているので、印刷したときと画面に表示したときと同じように見えるグラフを出力する必要があります。
私が考えることができる唯一の方法は、キャンバスのサイズを3倍に大きくしてから拡大縮小することですが、印刷するときにそれが適切に機能するとは思いません。
何か案は?
したがって、特定の幅と高さ(ネイティブ解像度)でキャンバス要素を作成し、それをさまざまなウィンドウ座標にスケーリングすることを提案しています。例:
<canvas width="320" height="240" style="width: 640px; height: 480px"></canvas>
これを行う際の問題は、プリントレンダラーがスケーリングされたキャンバスを画像のように扱い、ドキュメントのピクセル解像度でレンダリングする可能性があるため、必要な改善が得られない可能性があることだと思います。
あなたが望むものについては、SVGを使用できるかどうかを調べる価値があるかもしれません。
これでループを閉じます - 最適なオプションは、キャンバス オブジェクトを 2 倍の解像度で作成し、幅と高さの CSS パラメーターを使用してスケーリングすることです。