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

Question

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

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

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

Answer 1

使用 CSS 更改canvas的大小只会缩放它，而不是改变固有的分辨率。 要更改分辨率，请设置canvas的width和height属性。 您可以在标记中执行此操作，也可以在脚本中设置它：

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

Answer 2

除了硬编码值外，您还可以在页面加载时确定窗口大小（例如使用 jQuery），然后将宽度/高度属性设置为该大小。