Генерируем изображение из HTML

7 апреля, 2023
1 минута чтения

Для генерации изображения из HTML текста для формата A4 нам потребуется библиотека html2canvas.

import html2canvas from 'html2canvas'

const html = '...' // здесь ваш HTML

const htmlObject = document.createElement('div')
htmlObject.id = 'capture'
htmlObject.style.width = String(1752 / 2) + 'px'
htmlObject.innerHTML = html
htmlObject.style.webkitHyphens = 'auto'
htmlObject.style.hyphens = 'auto'
document.body.appendChild(htmlObject)

const canvas = await html2canvas(htmlObject, {
    x: 0,
    y: 0,
    scale: 1,
})
const image = canvas.toDataURL('image/png') // здесь будет ваше изображение
document.body.removeChild(htmlObject)

Денис Сергеевич Басковский

Философ, изобретатель и поэт.

Добавить комментарий Отменить ответ

Предыдущая статья

Открытие изображения в новом окне

gemini protocol
Следующая статья

Протокол Gemini: новый шаг в развитии интернета

Exit mobile version