有没有办法获得清晰(而不是模糊)的RGraph条形图?

时间:2012-11-28 19:46:38

标签: javascript html5 canvas rgraph

我正在使用http://www.rgraph.net/demos/bar04.html的副本,其中画布的属性中没有指定高度和宽度,但在CSS中设置高度和宽度为100%。

目前渲染的图像看起来像是以低分辨率清晰地绘制然后被炸毁;屏幕具有与浏览器中的图像放大太远相同的模糊性。

有没有办法调整和配置RGraph,以便在图形填满屏幕时图像清晰?

2 个答案:

答案 0 :(得分:1)

使用CSS更改canvas的大小只会缩放它而不是更改先天分辨率。要更改分辨率,请设置width的{​​{1}}和height属性。您可以执行此操作in the markup,也可以在脚本中设置它:

canvas

答案 1 :(得分:0)

除了对值进行硬编码,您可以在页面加载时确定窗口大小(例如使用jQuery),然后将width / height属性设置为。