1. Товары
  2.   HTML
  3.   Node.js
  4.   Node-HTML-to-Image
 
  

Бесплатная библиотека Node.js для создания изображений из HTML

Расширенная библиотека обработки изображений с открытым исходным кодом Node.js позволяет разработчикам программного обеспечения генерировать изображения JPEG или PNG из HTML-контента с поддержкой CSS и пакетной генерацией изображений через бесплатный JS API.

Node-HTML-to-Image — это открытая библиотека для разработчиков программного обеспечения, которая ищет простое, но мощное решение для преобразования HTML-контента в изображения. Созданная на основе Puppeteer, популярной библиотеки Node.js, предоставляющей высокоуровневый API для управления безголовыми браузерами Chrome, этот инструмент позволяет разработчикам генерировать изображения из HTML-шаблонов с минимальными усилиями и затратами. В библиотеке есть несколько важных функций, которые облегчают разработку программного обеспечения, таких как преобразование сырого HTML или заранее разработанных шаблонов, создание персонализированных или основанных на данных изображений, поддержка CSS-стилей, поддержка нескольких форматов изображений, пакетная генерация изображений, настройка параметров рендеринга Puppeteer и многое другое.

Библиотека Node-HTML-to-Image — это модуль Node.js, который принимает HTML-шаблоны и преобразует их в статические файлы изображений. Эта библиотека очень полезна для динамической генерации баннеров, изображений с цитатами или рекламного контента на основе данных пользователей или заранее определенных шаблонов. Более того, она также очень полезна для экспорта сложных визуализаций данных, графиков или таблиц в виде статических изображений для включения в презентации или отчеты. Разработчики программного обеспечения могут встраивать отрендеренные изображения рекламного контента в электронные письма, чтобы обеспечить совместимость с почтовыми клиентами, которые блокируют HTML или CSS. С легким API и минимальными зависимостями она идеально подходит для приложений, которым необходимо динамически генерировать визуальные элементы. Изучая эту библиотеку и интегрируя ее в свои проекты, вы можете открыть новые уровни эффективности и креативности.

Previous Next

Начало работы с Node-HTML-to-Image

Рекомендуемый способ установки библиотеки Node-HTML-to-Image - это использование NPM. Пожалуйста, используйте следующую команду для плавной установки.

Установите библиотеку Node-HTML-to-Image через NPM


npm install node-html-to-image

Установите библиотеку Node-HTML-to-Image через Yarn


yarn add node-html-to-image

Вы также можете установить его вручную; загрузите последние файлы релиза напрямую из репозитория GitHub.

Сгенерировать изображение из HTML в Node.js

Генерация изображений из HTML-шаблонов стала популярным подходом в современных приложениях. Библиотека с открытым исходным кодом Node-HTML-to-Image упрощает разработчикам программного обеспечения преобразование сырого HTML или заранее разработанных шаблонов в статические файлы изображений всего за пару строк кода. Эта функция устраняет необходимость в сложных библиотеках графической манипуляции и предоставляет простой интерфейс для создания визуальных выходных данных. Вот пример, который показывает, как разработчики программного обеспечения могут преобразовать простую HTML-строку в изображение PNG внутри приложений node.js.

Как преобразовать строку HTML в изображение PNG в приложениях Node.js?

const nodeHtmlToImage = require('node-html-to-image');

nodeHtmlToImage({
  output: './output.png',
  html: '
Hello, World!
',
})
  .then(() => console.log('Image successfully created!'));

Динамическая отрисовка контента с помощью библиотеки Node.js

Библиотека Node-HTML-to-Image позволяет разработчикам программного обеспечения передавать переменные в шаблоны, что позволяет создавать персонализированные или основанные на данных изображения внутри приложений Node.js. Эта функция особенно полезна для приложений, таких как сертификаты, персонализированные отчеты или публикации в социальных сетях. Приведенный ниже пример демонстрирует, как переменная {{name}} динамически заменяется на "Алиса" перед рендерингом изображения внутри приложений Node.js.

Как динамически передавать переменные в шаблон и рендерить их в изображение с помощью библиотеки Node.js?

const nodeHtmlToImage = require('node-html-to-image');

nodeHtmlToImage({
  output: './personalized.png',
  html: `
    
      
        
Hello, {{name}}!

      
    
  `,
  content: { name: 'Alice' },
})
  .then(() => console.log('Personalized image created!'));

Пакетная генерация изображений в Node.js

Генерация нескольких изображений одновременно не требует усилий с библиотекой open source Node-HTML-to-Image. Всего с несколькими строками кода разработчик программного обеспечения может создать несколько изображений в соответствии с их потребностями. Эта функция идеально подходит для массовых задач, таких как создание серии персонализированных изображений для маркетинговой кампании. Следующий пример показывает, как с небольшими изменениями в содержимом можно сгенерировать несколько изображений. Здесь каждый элемент в массиве содержимого генерирует отдельное изображение с соответствующими данными.

Как сгенерировать несколько изображений из HTML-контента внутри приложений Node.js?

const nodeHtmlToImage = require('node-html-to-image');

nodeHtmlToImage({
  html: `
Hello, {{name}}!
`,
  content: [
    { name: 'Alice' },
    { name: 'Bob' },
    { name: 'Charlie' },
  ],
})
  .then(() => console.log('Batch images created!'));
 Русский