Пример (синий - изображение, красный - холст):
я есть HTML-тег холст.
<canvas id="myCanvas"></canvas>
Я могу успешно рисовать, и это выглядит очень хорошо, как я и хотел. Проблема в преобразовании в png. Я использую html2canvas для этого с Canvas2Image. Консоли html2canvas регистрируют ошибку: Uncaught (в обещании) undefined. Консольные журналы Canvas2Image Uncaught (в обещании) DOMException: не удалось выполнить 'drawImage' для 'CanvasRenderingContext2D': аргумент image является элементом canvas с шириной или высотой 0. Я очень хорошо понимаю ошибку, холст имеет ширину и высоту ! = 0. Есть идеи?
html2canvas код:
html2canvas(document.getElementById('myCanvas')).then(canvas9 => {
var theimage9 = Canvas2Image.convertToPNG(canvas9);
var imageData9 = $(theimage9).attr('src');
console.log(imageData9);
});