我正在使用http://www.rgraph.net/demos/bar04.html的副本,其中画布的属性中没有指定高度和宽度,但在 CSS 中设置为高度和宽度为 100%。
目前渲染的图像看起来像是在低分辨率下清晰地绘制了图形,然后被放大了;屏幕具有与在浏览器中放大图像时相同的模糊感。
有什么方法可以调整和配置 RGraph,以便在图形填满屏幕时图像清晰?
我正在使用http://www.rgraph.net/demos/bar04.html的副本,其中画布的属性中没有指定高度和宽度,但在 CSS 中设置为高度和宽度为 100%。
目前渲染的图像看起来像是在低分辨率下清晰地绘制了图形,然后被放大了;屏幕具有与在浏览器中放大图像时相同的模糊感。
有什么方法可以调整和配置 RGraph,以便在图形填满屏幕时图像清晰?
用 CSS改变大小canvas
只会缩放它而不是改变固有分辨率。要更改分辨率width
,height
请设置canvas
. 您可以在标记中执行此操作,也可以在脚本中进行设置:
var cvs = document.getElementById('cvs');
cvs.width = 1200;
cvs.height = 500;
除了硬编码这些值之外,您还可以在页面加载时确定窗口大小(例如使用 jQuery),然后将宽度/高度属性设置为该值。