Есть ли способ получить четкие (вместо нечетких) увеличенные гистограммы RGraph?

Я работаю с копией http://www.rgraph.net/demos/bar04.html, в котором высота и ширина холста не указаны в его атрибутах, но заданы в CSS как высота и ширина 100%.

В настоящее время визуализированное изображение выглядит так, как будто оно было четко нарисовано в низком разрешении, а затем увеличено; на экране такая же нечеткость, как если бы вы слишком сильно увеличили изображение в браузере.

Есть ли способ адаптировать и настроить RGraph, чтобы изображение было четким, когда график заполняет экран?


javascript canvas html rgraph
person Christos Hayward    schedule 28.11.2012    source источник

Ответы (2)


arrow_upward
1
arrow_downward

Изменение размера canvas с помощью CSS просто масштабирует его, а не меняет собственное разрешение. Чтобы изменить разрешение, установите свойства width и height файла canvas. Вы можете сделать это либо в разметке, либо установить это в скрипте:

var cvs = document.getElementById('cvs');
cvs.width = 1200;
cvs.height = 500;
person robertc    schedule 06.12.2012

arrow_upward
0
arrow_downward

Помимо жесткого кодирования значений, вы можете определить размер окна при загрузке страницы (например, с помощью jQuery), а затем установить для него атрибуты ширины/высоты.

person Richard    schedule 19.05.2013