javascript - (あいまいではなく) 鮮明な拡大 RGraph 棒グラフを取得する方法はありますか?

Question

私はhttp://www.rgraph.net/demos/bar04.htmlのコピーを使用しています。キャンバスの属性には高さと幅が指定されていませんが、CSS で高さと幅が 100% に設定されています。

現在、レンダリングされたイメージは、低解像度で鮮明にグラフ化されてから拡大されたように見えます。画面には、ブラウザで画像を拡大しすぎた場合と同じようなぼやけがあります。

グラフが画面いっぱいになったときに画像がくっきりするように RGraph を調整して構成する方法はありますか?

Answer 1

CSS を使用して のサイズを変更するcanvasと、固有の解像度が変更されるのではなく、単にスケーリングされます。解像度を変更するには、 のwidthおよびheightプロパティを設定しますcanvas。マークアップでこれを行うか、スクリプトで設定できます。

var cvs = document.getElementById('cvs');
cvs.width = 1200;
cvs.height = 500;