Почему не рендерит html2canvas?

Question

[yoyoyoyITSGUMGO]

Здравствуйте! html2canvas рендерит мне только белый фон с разрешением моего канвэса. В чем может быть проблема?
Использую adobe muse. Фот фрагмент кода:

html2canvas(document.querySelector("#u2044_img")).then(canvas => {
         var image= canvas.toDataURL("image/png").replace("image/png", "image/octet-stream");
         console.log(image);
         window.location.href=image;

Comments

[RAX7]

replace("image/png", "image/octet-stream")
а зачем ты так сделал?

[yoyoyoyITSGUMGO]

RAX7, в туториале так написали, а я выё... не стал, просто переписал код, вот и удивляюсь почему там все работает а у меня нет

[yoyoyoyITSGUMGO]

RAX7, ну да, нужно,чтобы картинка скачивалась

[RAX7]

yoyoyoyITSGUMGO, скорее всего из-за протокола file:// Попробуй поднять сервер, может заработает.

[yoyoyoyITSGUMGO]

RAX7, я и на хостинг пробовал загружать, все тоже самое

Answer 1

[Александр]

Тогда лучше сделать так

const doCapture = element => {
	html2canvas(element).then(canvas => canvas.toBlob(blob => {
		window.location = URL.createObjectURL(blob);
	}));
};

Answer 2

[yoyoyoyITSGUMGO]

Друзья, конечно же на тостере люди вам не помогут, по этому я вот сам решил, жесть я крут

<script src="html2canvas.js"></script>
         <script>
        function doCapture(){
            html2canvas(document.querySelector('#pslideshowu1013')).then( canvas =>{
                var img=canvas.toDataURL("image/png").replace("image/png","image/octet-stream");
                console.log(img);
                window.location.href=img;
            });
            
        }
    </script>
     <button onclick="doCapture();">222</button>

Всё!После этого у меня никаких пустых белых скриншотов не появляется...ура!

Comments

[ThunderCat]

А просто не тупить и подумать что ваш хтмл не загрузился до выполнения скрипта никак? Все манипуляции с DOM элементами должны выполняться ПОСЛЕ того как документ сформирован.

[yoyoyoyITSGUMGO]

ThunderCat, не страшно

[SEOD]

yoyoyoyITSGUMGO, страшно вообще-то :) нужно с ДОМ работать так:

function onReady() {
//...
}
document.addEventListener("DOMContentLoaded", onReady);

[yoyoyoyITSGUMGO]

ребята я вас понял!молодцы!

[yoyoyoyITSGUMGO]

ThunderCat, круто!