2011-02-11 4 views
0

나는 작업중인 웹 응용 프로그램의 특정 영역을 인쇄 할 때 문제를 해결하려고 노력했습니다. 문제는 인쇄 호출 그냥 배경 이미지/컬러는 항상 사라질 배경 이미지 문제와 같은 역할을 부하에 window.print()를 호출에 <rect ... />.Javascript window.print()는 다른 출력을 제공합니다.

로의 막대 그래프를 렌더링 highcharts의 JS 함께. 그러나 브라우저 메뉴에서 페이지를 인쇄 할 때 표시해야합니다. 왜 그것이 인쇄되지 않습니다 어떤 생각 <rect />?

+1

인쇄 스타일 시트가 있습니까? – alex

+1

Joza, 인라인 코드 – mplungjan

+0

AFAIK에서 역 따옴표'\''를 사용하십시오. 대부분의 브라우저는 인쇄 대화 상자/브라우저 설정에서 배경 인쇄 여부를 결정하는 "배경 이미지 인쇄"옵션을 제공합니다. 너의 경우에이 문제가 중요한가? –

답변

2

타이밍 문제 일 수 있습니다. 당신은 모든 브라우저에서 당신이 그것을 인쇄하기 전에 당신이 할 수는 SVG 렌더링 한 필요가있는 사람에서 SVG를 인쇄 할 수 없습니다

window.onload = function() { 
    window.focus(); 
    window.print(); 
} 
+0

흠, 그게 아니라 이미 작동하지 않았다. – Joe

+1

흠 ... 포커스 콜을 추가하여 프린트 헤드를 클릭했을 때 일어나는 일을 에뮬레이션하려고했다. 브라우저. – jimmystormig

+2

올바른 방향으로 나를 가리켜 주셔서 고마워요 문제가 타이밍과 함께있는 것, window.focus() 작동하지 않았다. settimeout을 사용했습니다. :-) – Joe

1

같은 것을보십시오.

나는 버전 2.0 사용자가 이미지 또는 차트의 PDF 파일의 다운로드 할 수 있습니다 가 Highcharts에 사용할 수있는 수출 모듈에서 here 대안

를 참조하십시오. 이 모듈 은 여분의 JavaScript 파일 exporting.js와 웹 서비스 또는 PHP로 작성된 서버 모듈로 구성됩니다. Highslide 소프트웨어는 수출 웹 서비스를 무료로 제공합니다. 내 보낸 차트를 차트에 포함하면 두 개의 버튼이 오른쪽 상단에 으로 표시됩니다. 하나의 버튼은 클라이언트 측에서 수행되는 차트 만을 인쇄합니다. 다른 단추는 내보내기를 처리합니다. 기본적으로 차트의 SVG 은 POST에서 http://export.highcharts.com, 으로 보내지고 여기에서 Apache의 바틱 변환기를 사용하여 PDF, PNG 또는 JPEG로 변환됩니다.

+0

이 옵션을 이미 고려했지만 타사 서버로 데이터를 보내지 않으려합니다. 또한, 내가 찾은 대체 방법은 내 서버에서 호스팅되는 코드를 URL에 내보내기 코드를 보내고 이미지를 저장 한 다음 차트를 인쇄하는 데 사용하는 것이 었습니다. 최후의 수단으로 사용하고 있습니다. – Joe

관련 문제