스크린보다 높은 DPI에서 캔버스 객체 생성하기?

Question

기본 화면 해상도보다 높은 해상도로 만들 수 있어야하는 캔버스 개체가 있습니다. Flot 그래프 라이브러리를 사용하고 있으며 화면에 표시 될 때처럼 인쇄 될 때 그래프를 출력해야합니다.

내가 생각할 수있는 유일한 방법은 캔버스 크기를 3 배 더 크게 한 다음 크기를 조정하는 것이지만 인쇄 할 때 제대로 작동하지 않을 것이라고 생각합니다.

아이디어가 있으십니까? 그래서

Answer 1

당신이 특정 폭과 높이 캔버스 요소를 만들 것을 제안하는 예를 들어, (그것은 기본 해상도의) 다른 창으로 확장 좌표

<canvas width="320" height="240" style="width: 640px; height: 480px"></canvas> 

내가이 일에 문제가있는 것 같아 인쇄 렌더러가 이미지와 같이 크기가 조정 된 캔버스를 처리하여 문서 픽셀 해상도로 렌더링하므로 사용자가 원하는대로 개선되지 않을 수 있습니다.

원하는대로 SVG를 사용할 수 있는지 알아볼 가치가 있습니다.

Answer 2

이 루프를 닫습니다. 최상의 옵션은 2 배 해상도로 캔버스 객체를 만든 다음 폭 및 높이 CSS 매개 변수를 사용하여 크기를 조절하는 것입니다.