Контент веб-сайта размывается после загрузки [закрыто] ⇐ CSS

[Anonymous]

Я создал веб-сайт, на котором, когда мы вводим данные, мы собираемся получить сертификат, он хорош в просмотре веб-сайта и на планшетах, но когда он отображается в мобильном представлении, при отображении он хорош, но после загрузки он становится размытие, как это исправить

`function downloadCertificateAsImage() {
// Используйте html2canvas для захвата содержимого контейнера .certificate
html2canvas(document.querySelector('.certificate' ), {
// масштаб: 1, // Увеличение масштаба для более высокого разрешения
onrendered: function (canvas) {
// Преобразование холста в URL-адрес данных, представляющий изображение
const imageData = Canvas.toDataURL('image/jpeg'); // Настраиваем качество на 0,8

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

        // Create a temporary anchor element
const downloadLink = document.createElement('a');
downloadLink.href = imageData;
downloadLink.download = 'certificate.jpg'; // Set the file name for download

downloadLink.click(); // Simulate click to trigger download
}
});

}`

Подробнее здесь: https://stackoverflow.com/questions/782 ... downloaded