크기를 인쇄 할 Html5 캔버스 크기

Question

블로그, 기사 및 일부 stackoverflow 질문을 검색했지만 작은 질문이 있지만 여전히 작은 혼란이 있으므로 질문을 할 생각입니다.
인쇄용 캔버스를 조정해야합니다. 어떻게해야합니까? 실제로 인쇄 할 수있는 최대 한도는 6.50 'x 15.75'(인치)이며 크기는이 범위 내에서 달라질 수 있습니다. 제가 틀린 것이 아니라면, DPI는 우리가 작업하고있는 화면 (화면 인쇄 장치에 더 유용합니다)과 관계없이 캔버스에서 크기를 어떻게 독점 할 수 있습니까? 예를 들어

6.50 * 72 = 468 픽셀 15.75 * 72 = 1,134 PX

또는 6.50 * 96 = 624 픽셀 15.75 * 96 = 1,512 PX

또는 6.50 * 300 = 1,950 PX 15.75 * 300 = 4725 px

캔버스의 작업 영역은 703px X 391px를 초과 할 수 없습니다. 정확히 필요한 인쇄 작업을 위해 캔버스 크기를 조정해야하는 것은 무엇입니까? 또는 나는 무엇인가 놓치고 있냐? 제한된 영역에서 그리기를 고려한 다음 다양한 크기로 인쇄 할 때 적용 할 배율입니다. 제안이나 링크에 감사드립니다.

감사

PS : 나는 내 모든 캔버스 물건 fabricjs을 사용하고 있습니다.

Answer 1

패브릭 js는 줌 기능을 제공합니다.

캔버스를 원하는만큼 크게 정의 할 수 있으며 인쇄 크기의 가로 세로 비율을 제한 할 수 있습니다.

6 x 15 인치 시트를 인쇄한다고 가정 해 보겠습니다.

가로 세로 비율이 6/15 인 캔버스를 2/5로 정의합니다.

700px x 280px이 가로 세로 비율과 캔버스 크기 제한에 맞 춥니 다.

당신은 일반적으로 캔버스에 작업 할 때 당신이 할 수있는 그래픽 파일을 내보낼 수있는 시간이됩니다 : 당신의 캔버스와 최종 캔버스 사이의 비율을 찾기

이 최종 크기

6 x 15 inch at 300dpi = 1800 x 4500 pixels. 

정의를 :

를

4500/700 = 6.428 

당신은 할 수

canvas.toDataUrl({ multiplier: 6.428 }) 당신은 올바른 크기의 파일을 얻어야합니다.