html2canvas не создает toDataUrl () для преобразования в base64 - PullRequest
0 голосов
/ 15 марта 2019

Я использую приведенную ниже библиотеку для преобразования моего HTML-div в canvas.

https://html2canvas.hertzen.com/

Все работает как положено.Теперь я хочу вместо загрузки (которая доступна с помощью метода saveAsPNG ()) отправлять данные на сервер.Теперь известно, что нам нужно преобразовать то же самое, чтобы это произошло, используя toDataUrl (), который преобразуется в base64.

Используя этот метод, toDataUrl () говорит, что это не функция.

Ниже приведен фрагмент

html2canvas(document.querySelector("#canvasTxt")).then(canvas => {
    console.log(canvas);   //---1
    console.log(canvas.toDataUrl('image/png')); //---2
    console.log(canvas[0].toDataUrl('image/png')); //----3
}); 

1) дает вывод в виде canvas

2) canvas.toDataUrl не является функцией

3) canvas [0] не определен- так что я предполагаю, что нет нодлиста

Так есть ли способ сделать преобразование с использованием библиотеки?Поскольку я хочу отправить конвертированное изображение на сервер без возможности загрузки.

Любая помощь будет признательна!

1 Ответ

0 голосов
/ 15 марта 2019

Опечатка: toDataURL URL все заглавные буквы.

html2canvas(document.body).then(canvas => {
    console.log(canvas.toDataURL('image/png'));
}); 
...