이미지가 인쇄 미리보기에 표시되지 않음

3

Windows 7 사용. 사진 (이미지)이 크롬 브라우저의 인쇄 미리보기 - 버전 36.0.1985.125m 이상에 나타나지 않습니다. 지도가 잘 작동합니다. 샘플을 첨부했습니다. 이것은 크롬에서만 발생합니다.

참고 : CTRL + P로 잘 작동합니다.

고마워, 고마워.

enter image description here

windows-7 google-chrome print-preview

— BumbleBee
소스

네가 여기서 뭐라 구요. CTRL + P는 프린터를 선택하거나 .pdf로 인쇄 할 수있는 인쇄 미리보기 대화 상자를 엽니 다.

— Sarge

문제를 일으키는 이미지를 마우스 오른쪽 버튼으로 클릭하고 Inspect Element. 창이 나타납니다. 왼쪽에는 선이 강조 표시됩니다. 해당 행을 마우스 오른쪽 버튼으로 클릭하고 Copy. 질문을 편집하고 클립 보드에서 줄을 추가하십시오. 그러면 이미지를 표시하고 더 멀리 진단하는 데 사용되는 기술을 정확히 파악할 수 있습니다.

— Basic

인쇄물에 이미지가 나타 납니까?

— Burgi

4

Ctrl + P를 누르거나 Chrome에서 인쇄를 한 후 확인란을 선택하십시오. Background colors and images 아래의 Options.

enter image description here

— A. Prasad
소스

2

시도했지만 작동하지 않았다.

— BumbleBee

1

이것은 나를위한 해결책이었다.

— Brad

1

특히 document.write를 사용할 때 print 명령을 실행하기 전에 이미지가 캐시되는지 확인하십시오.

Chrome의 문제를 해결하는 가장 간단한 방법은 인쇄 할 페이지에이 방법을 추가하는 것입니다.

<div><img src="image_that_does_not_show_in_preview.png" style="display:none;"/></div>

이렇게하면 이미지가 캐시되고 Chrome의 인쇄 미리보기 대화 상자에 이미지가 표시됩니다.

— Martin Carstens
소스

많이 도와 줬어. 문제는 페이지의 이미지에 추가 매개 변수가 있음, 즉 <img src='/images/image.jpg?v=123'>인쇄 가능한 버전에는 매개 변수가없는 이미지가 있습니다. 즉 <img src='/images/image.jpg'>. 그래서 나는 덧붙였다. <img src='/images/image.jpg' style='display: none'> 그리고 지금 작동합니다.

— userlond

1

아주 간단한 해결책은 이것입니다 (파이어 폭스와 크롬 / 크롬에서 작동합니다).

새 탭을 엽니 다. 유형

data:text/html, <html contenteditable>

주소 표시 줄에

따라서 브라우저를 텍스트 편집기로 사용할 수 있습니다. 탭을 북마크로 저장하는 것이 가장 좋습니다 ( https://www.schieb.de/720201/firefox-oder-chrome-als-text-editor-benutzen ).

그런 다음 저장하려는 전체 페이지를 편집기 페이지로 복사하십시오. 모든 그림을 텍스트와 함께 복사합니다. 그러면 편집기 페이지에서 페이지를 (.pdf 파일로) 인쇄하는 것이 정말 간단합니다.

— Rosika
소스

0

나는 똑같은 문제가 있었고 그것이 나를 미치게 만들었다. 나에게 마진 설정에 따라 Chrome에서 "보이지 않는"여백을 터치하거나 건너는 이미지를 제거하는 것으로 나타났습니다.

여백을 "최소"또는 "없음"으로 설정하면 이미지가 나타납니다.

— Dave
소스

-1

아래 스타일을 추가하여 작동하게하십시오. img { 최대 폭 : 100 %; 높이 : 자동; }

문제의 원인이되는 인쇄물에서 이미지 너비가 0으로 설정됩니다.

이 방법이 효과가 있는지 알려주세요.

— Venkatesh Gaurav
소스

OP가이 코드를 어디에 입력합니까?

— Burgi

이미지가 인쇄 미리보기에 표시되지 않음 - Chrome