Angulr 6 dom-to-image выбрасывает неперехваченную ошибку (Невозможно преобразовать HTML в изображение) - PullRequest
Новая
       29

Angulr 6 dom-to-image выбрасывает неперехваченную ошибку (Невозможно преобразовать HTML в изображение)

0 голосов
/ 16 июня 2019

Я хочу преобразовать HTML-раздел в изображение ( Примечание HTML-раздел имеет много других изображений с сервера) Я использую Angular 6 и Node.js и библиотека для преобразования HTML в изображение дом к IMG

Он работает на локальном хосте Но когда я тестирую его на уровне производства, он выдает ошибку. Это на картинке Error

Вот HTML-область, которую я хочу преобразовать в изображение, в котором подпись и задний синий цвет поступают с сервера в виде URL

Html Area

я использовал @ ViewChild ('checkContainer') контейнер; , чтобы получить ссылку на dom (раздел Html) а затем я вызываю функцию, которая дает мне файл типа изображения, и я передаю на сервер, который сохраняет это изображение в базе данных. Все работает в Localhost, но не работает

Вот код, который я пробовал. 

async convertToImage(fileName) {
try {
  const blob = await domtoimage.toBlob(this.container.nativeElement);
   this.checkImageFile = new File([blob], fileName + '.png', {
     type: 'image/png'
   }); // image File
} catch (error) {
  console.log('ops error', error);
}

}

и выше функция будет вызываться из этой функции checkImageFile - это имя свойства, которое объявлено в моем файле. 

async addCheck() {
const fileName = this.checkModel.checkNumber;
await this.convertToImage(fileName);
if (this.checkImageFile) {
  console.log(this.checkImageFile);
} else {
  console.log('dom to image is not working properly');
}

}

Чего не хватает в моем коде? не могли бы вы мне помочь? Спасибо вам всем Удачного кодирования .:)

1 Ответ

1 голос
/ 03 июля 2019

Это проблема совместимости с этим пакетом, вы можете использовать следующий пакет вместо dom-to-image-more

...