Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/469.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 有没有办法得到清晰的(而不是模糊的)放大的RGraph条形图?_Javascript_Html_Canvas_Rgraph - Fatal编程技术网

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

Javascript 有没有办法得到清晰的(而不是模糊的)放大的RGraph条形图?,javascript,html,canvas,rgraph,Javascript,Html,Canvas,Rgraph,我正在使用的一个副本中,画布的属性中没有指定高度和宽度,但在CSS中设置为高度和宽度为100% 目前,渲染图像看起来像是以低分辨率清晰地绘制的,然后放大;屏幕的模糊程度与在浏览器中将图像放大太远时所产生的模糊程度相同 有没有办法调整和配置RGraph,以便在图形填充屏幕时图像清晰?使用CSS更改画布的大小只会缩放它,而不会更改固有的分辨率。要更改分辨率,请设置画布的宽度和高度属性。您可以执行此操作,也可以在脚本中进行设置: var cvs = document.getElementById('c

我正在使用的一个副本中,画布的属性中没有指定高度和宽度,但在CSS中设置为高度和宽度为100%

目前,渲染图像看起来像是以低分辨率清晰地绘制的,然后放大;屏幕的模糊程度与在浏览器中将图像放大太远时所产生的模糊程度相同


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

使用CSS更改
画布的大小只会缩放它,而不会更改固有的分辨率。要更改分辨率,请设置
画布的
宽度
高度
属性。您可以执行此操作,也可以在脚本中进行设置:

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

以及硬编码值,您可以在页面加载时确定窗口大小(例如使用jQuery),然后将宽度/高度属性设置为该值