<p>html에 캔버스 요소가 포함 된 경우 html2canvas가 작동하지 않음</p>

나는 같은 문제를 가지고있다.

jsfiddle에 대한 예를 공유 할 수 있습니까?

같은 문제. 페이지에 chartjs 그래프가 있으며 더 이상 렌더링되지 않습니다. 이전 버전에서 렌더링하는 데 사용

문제를 보여주기 위해 바이올린을 만들었습니다.
https://jsfiddle.net/outerbound/v7p71wzr/

이것은 크롬에서 작동하지 않습니다 :(, 사파리에서 작동하는지 확인할 수 있습니다 :)

문제는 렌더링하기 전에 컨테이너 양식 DOM을 제거하는 것입니다.

나는 같은 문제를 가지고있다. 채점자...

html2canvas는 gridstack.js 와 함께 작동하지 않을 수 있습니다.

vue (vue-chart.js)와 함께 chart.js를 사용하는 것과 동일한 문제가 있었고 Chrome에서만 발생합니다.

같은 문제가 있습니다. html2canvas는 gridstack.js와 함께 작동하지 않습니다. html2canvans를 gridstack과 함께 사용할 때 모든 요소가 맨 위에 쌓입니다.

Nemo0915 I jsfiddle gridstack.js으로, 그러나 그것의 작업 fine.So 어쩌면 그 gridstack.js의 문제가되지 않습니다,하지만 난 아주 확실하지 않다.

같은 문제, Firefox는 괜찮지 만 Chorme는 작동하지 않습니다.

@bigfacewo 답장

@ Nemo0915 0.5.0-beta4 버전이 정상적으로 작동하는 jsfiddle . 스크린 샷은 다음과 같습니다.

1.0.0-alpha4 버전, jsfiddle , 크롬에서는 작동하지 않지만 요소가 상단에 쌓이는 문제를 찾지 못했습니다. 이것은 Firefox의 스크린 샷입니다.

Chrome 버전 : 63.0.3239.108
Firefox 버전 : 57.0.2

옵션을 추가 할 수 있습니다 : removeContainer : false이 문제를 일시적으로 수정했습니다 ....

감사합니다 @IxAres , 그것은 내 문제를 해결합니다.

https://github.com/niklasvh/html2canvas/commit/38749bc4b6a861f778a915491fc7d84fea6e1a2f 에서 수정되었습니다.

removeContainer : false를 추가해 보았지만 문제가 여전히 모바일 Chrome에 존재합니다.

@niklasvh 전혀 작동하지 않습니다. 이 응용 프로그램의 버전 1.0.0-rc.5를 사용하고 있습니다.

이봐, 무슨 해결책?

2020 년 문제는 여전히 여기에 있습니다.

+1이 동작도보고 있습니다.

문제가 여전히 존재합니다

Chart.js 및 Firefox 76.0 (64 비트) 브라우저에 여전히 문제가 있습니다.

여기 요소 내부의 Mapbox와 동일한 문제가 발생합니다. 여기에서 도와주세요.
나는 또한 removeContainer : false를 시도했지만 그것은 나를 위해 작동하지 않았습니다.

@Rajeshgtstpl mapbox 와 비슷한 문제가 있습니다. 맵 박스 옵션에서 preserveDrawingBuffer: true 를 설정하여 해결했습니다.

Chart.js를 사용하고 있지 않지만 drawImage를 사용한 캔버스와 동일한 문제가 발생했습니다. 다음과 같이 drawImage에 전달하기 전에 image.crossOrigin = 'anonymous'를 이미지 요소에 넣어 문제를 해결했습니다.

image.crossOrigin = 'anonymous'

누군가를 도울 수 있기를 바랍니다 :)

안녕하세요, 비슷한 캔버스 내보내기 문제가 있지만 threejs 장면에 권장 사항이 있습니까? v1.0.0-rc.7로 시도했지만 threejs 캔버스를 제외한 모든 것을 내 보냅니다.

편집 : 다음과 같이 threejs 캔버스에 추가하려고했습니다.

하지만이 오류가 발생했습니다.

@AchoArnold preserveDrawingBuffer: true 가 Mapbox에서 저를 위해 일했습니다. 감사합니다.

질문 : 성능에 영향을 미쳤습니까?

Chart.js를 사용하고 있지 않지만 drawImage를 사용한 캔버스와 동일한 문제가 발생했습니다. 다음과 같이 drawImage에 전달하기 전에 image.crossOrigin = 'anonymous'를 이미지 요소에 넣어 문제를 해결했습니다.

image.crossOrigin = 'anonymous'

누군가를 도울 수 있기를 바랍니다 :)

그것은 내 생명을 구했습니다. 감사합니다.