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

Генерирането на множество изображения едновременно е лесно с библиотеката с отворен код 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!'));
 Български