Google 캘린더 인쇄는 어떻게 작동합니까?

Question

jQuery를 사용하여 ASP.NET에 달력을 구축하고 있으며 인쇄를 구현하려고합니다. 간단한 HTML이나 이미지를 인쇄 할 수 있습니다. 그러나 Google 캘린더 인쇄와 같은 인쇄를 구축하는 방법을 알 수 없습니다.

"Calendar Print Preview"에서 인쇄기를 누르면 팝업 된 인쇄 대화 상자에는 더 많은 옵션 (크로스 브라우저)이 있습니다. 일부 인쇄 대화 상자는 간단한 브라우저 인쇄와 어떻게 다른지, 예를 들어 Landscape Print 설정과 같은 더 많은 제어가있는 것 같습니다. .

누구든지 이것을 구현하는 방법을 아는 사람이 있습니까?

감사

Answer 1

.pdf 문서를 생성하는 서버 측 스크립트에 게시 된 일부 옵션이있는 팝업 창입니다.

당신은 사용할 수 있습니다

<link media="print" rel="stylesheet" type="text/css" href="main.css" />

이미지/pdf를 생성하는 서버 사이드 스크립트를 사용하지 않고 유사한 작업을 수행합니다.

참고 미디어 = "인쇄", 그것은 주어진 스타일 시트가 페이지를 인쇄 할 때 사용될 것임을 의미합니다. 사용자 정의 CSS 규칙을 지정할 수 있습니다 (예 : 내비게이션 숨기기, 종이에서 캘린더를 멋지게 보이게 함).

편집하다:

의견에 대한 응답으로. HTML을 PDF로 변환하면 정확히 동일하게 보입니다. Google 캘린더에서 해당 양식을 제출하면 모든 옵션을 취하고 PDF를 생성합니다. 풍경을 선택하면 페이지를 회전시키고 페이지에 맞도록 모든 것을 다시 계산합니다. 당신을 위해 그것을 단순화하기 위해, 그들은 당신이 제출 한 옵션에 따라 서버 측에 이미지를 그립니다.

전에하지 않았다면 그렇게 간단하지 않습니다. 나는 그 인쇄 페이지에서 CSS와 JavaScript와 함께 놀아서 JS와 CSS 규칙을 사용하여 풍경과 초상화 사이를 전환하여 이와 같은 것을 모방 할 수 있는지 확인합니다 (사용자가 클릭 할 때 2 개의 버튼 만들기 - "풍경", "초상화" CSS 규칙에 대한 CSS 규칙을 변경하여 종이 크기에 맞게 맞습니다). CSS에 익숙하지 않다면 다시 어려울 것입니다.

명확한 대답은 없습니다. 구글이 겪은 길은 매우 좋지만 재생산하기가 간단하지는 않습니다.

댓글에 더 많은 정보.