2012-11-28 3 views
0

캔버스의 높이와 너비가 특성에 지정되어 있지 않지만 높이와 너비가 100 %가되도록 CSS에 설정 한 http://www.rgraph.net/demos/bar04.html 사본을 사용하고 있습니다.파열 된 RGraph 막 대형 차트를 선명하게 만드는 방법이 있습니까?

현재 렌더링 된 이미지는 저해상도에서 선명하게 그래프로 그려진 것처럼 보입니다. 화면에는 브라우저의 이미지에서 너무 멀리 확대했을 때와 같은 종류의 흐릿한 부분이 있습니다.

그래프가 화면을 가득 채울 때 이미지가 선명하게 보이도록 RGraph를 적용하고 구성 할 수있는 방법이 있습니까?

답변

1

CSS로 canvas의 크기를 변경하면 고유 해상도가 변경되지 않고 크기가 조정됩니다. 해상도를 변경하려면 canvaswidthheight 속성을 설정하십시오. 이 in the markup 할 수 있습니다, 또는 당신은 스크립트에서 설정할 수 있습니다

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

을뿐만 아니라 하드 코딩 페이지를로드 할 때 창 크기를 결정할 수있는 값 (예 : jQuery로) 다음 설정 너비/높이 특성을 해당 값으로 설정합니다.