Я встретил это сообщение об ошибке при попытке сохранить изображение, которое было создано с использованием html2canvas.Uncaught TypeError: Не удается вызвать метод 'toDataURL' из null
Так что я написал этот код:
<div id"mycanvas">
<div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"></div>
<div id="container2" style="min-width: 400px; height: 400px; margin: 0 auto"></div>
<div id="container3" style="min-width: 400px; height: 400px; margin: 0 auto"></div>
</div>
</page>
<script type="text/javascript">
var canvas = document.getElementById("mycanvas");
var img = canvas.toDataURL("image/png");
document.write('<img src="'+img+'"/>');
</script>
Даже если изображение оказывается в кэше и хорошо генерируется с использованием html2canvas я не знаю, как сохранить его.
Этот код не кажется неправильным, но он отображает мне это сообщение об ошибке.
Так что я немного потерян.
Вот ошибки сообщение:
Uncaught TypeError: Cannot call method 'toDataURL' of null export-graphic-stat_employee.php:241
html2canvas: Preload starts: finding background-images Core.js:18
html2canvas: Preload: Finding images Core.js:18
html2canvas: Preload: Done. Core.js:18
html2canvas: start: images: 0/0 (failed: 0) Core.js:18
Finished loading images: # 0 (failed: 0) Core.js:18
html2canvas: Renderer: Canvas renderer done - returning canvas obj Core.js:18
Screenshot created in 167 ms<br /> Core.js:18
Получит все мое огромное уважение.
С уважением.
S.P.
О, вы правы. Но теперь он отображается для меня. Uncaught TypeError: Object # не имеет метода 'toDataURL' –
Большое спасибо за помощь. Странная часть этого заключается в том, что Html2canvas отображает мне изображение, и когда я пытаюсь его сохранить, это пустое изображение белого изображения. –
@StanislasPiotrowski 'html2canvas' создает элемент canvas, так что это тот, который вы хотите использовать, а не div. Не знаете, как получить или установить идентификатор элемента, хотя вы можете получить к нему доступ. –