Html2canvas: Chrome의 새 창에서 이미지가 렌더링되지 않습니다!!

에 만든 2018년 02월 16일 · 3코멘트 · 출처: niklasvh/html2canvas

함수 변환ToCanvasAndPrint() {
html2canvas(document.getElementById("PositionChartMainDiv")).then(함수(캔버스) {
var img = 캔버스.toDataURL();
window.open(img);
});
}

1.0.0-alpha.10 js 라이브러리를 사용하고 있습니다. 크롬 위의 기능은 새 창을 공백으로 엽니다. 그러나 파이어폭스에서는 이미지가 렌더링됩니다. 왜 그래야만하지?

Needs More Information

출처

ABHIKSINGHH

가장 유용한 댓글

@ABHIKSINGHH 솔루션:

html2canvas(document.body).then((canvas) => {
    window.open().document.write('<img src="' + canvas.toDataURL() + '" />');
});

Ismaestro 에 2018년 04월 23일

👍12

모든 3 댓글

이 문제에서 내가 당신을 도울 수 있는 것은 없습니다. 문제에 대한 도움을 받으려면 문제를 열기 위한 지침을 따르고 jsfiddle에서 작동하지 않는 예제를 제공하세요.

niklasvh 에 2018년 02월 16일

👎5

@niklasvh : 큰 조직도의 스냅샷을 찍고 새 창에서 이미지를 열려고 합니다. 차트는 div(id=PositionChartMainDiv) 안에 있습니다. 그러나 인쇄 버튼 클릭 시 위의 기능을 호출하면 파이어폭스에서는 새 창에서 차트가 열리지만 크롬에서는 새 창이 비어 있고 본문에 내용이 없습니다. 왜 그러한 행동의 차이가 있습니까? 내용이 너무 커서 jsfiddle에서 전체 내용을 공유할 수 없습니다.

ABHIKSINGHH 에 2018년 02월 16일

@ABHIKSINGHH 솔루션:

html2canvas(document.body).then((canvas) => {
    window.open().document.write('<img src="' + canvas.toDataURL() + '" />');
});

Ismaestro 에 2018년 04월 23일

👍12

이 페이지가 도움이 되었나요?

0 / 5 - 0 등급

Html2canvas: Chrome의 새 창에서 이미지가 렌더링되지 않습니다!!

가장 유용한 댓글

모든 3 댓글

관련 문제