Html2canvas cors ошибка при извлечении изображений из внешнего домена ⇐ Html

[Anonymous]

Я пытаюсь экспортировать компонент React в PDF. Шаги, которые я предпринял: < /p>

[*] Преобразование компонента в изображение с использованием html2canvas < /code> < /li>
Создание PDF < /li>
Прикрепление изображения к Pdf < /li>
< /ul>
Компенни API, поэтому источником этого изображения является внешний доменный URL.

Код: Выделить всё

html2canvas

вызывает ошибку CORS для изображений внешних доменов.
Ниже приведен элемент IMG в HTML:

Код: Выделить всё

[img]https://fivetran.com/integrations/hubspot/resources/hubspot.svg?r=64827[/img]
< /code>
Вот кодовый блок JS для преобразования < /p>
html2canvas(containerDiv, {
allowTaint: false,
useCORS: true,
logging: true,
})
.then(function (canvas) {
const imgData = canvas.toDataURL("image/png");
pdf.addImage(imgData, "PNG", 0, 0, width, height);
pdf.save(`${companyName}.pdf`);
})
.catch((err) => console.log(err));

Методы, которые я уже пробовал:

• Настройка кроссоригин в true или 'anonymous'
• base64 преобразование URL и добавление в изображение src
• src

• Код: Выделить всё

  allowTaint

  to true в hmtl2canvas options (не работает)

возможны быстрые обходные пути?

Подробнее здесь: https://stackoverflow.com/questions/751 ... nal-domain