Първи стъпки с Node-HTML-to-Image

Препоръчителният начин за инсталиране на Node-HTML-to-Image е използването на NPM. Моля, използвайте следната команда за гладка инсталация.

npm install node-html-to-image

yarn add node-html-to-image

Генериране на изображение от HTML код в Node.js

Една от основните силни страни на библиотеката Node-HTML-to-Image е нейната простота, както и възможността за лесно интегриране с всяко Node.js приложение. Само с няколко реда код разработчиците на софтуер могат да започнат да генерират изображения от HTML съдържание в техните собствени Node.js приложения. Тази лекота на използване го прави достъпен за разработчици от всички нива на умения. В следващия пример библиотеката взема прост HTML низ и го преобразува в PNG изображение. Изходното изображение, image.png, се записва в основната директория.

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

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

Поддръжка на сложни HTML и CSS

Node-HTML-to-Image с отворен код не се ограничава до основна обработка на HTML. Може да обработва сложни HTML документи с обширен CSS стил, както и JavaScript. Независимо дали използвате модерни CSS функции като Flexbox или Grid, или вграждате персонализирани шрифтове, библиотеката ще изобрази точно съдържанието ви във формати на файлове с изображения като JPEG, PNG, WebP и много други. Ето един пример, който демонстрира как разработчиците могат да генерират изображение от по-сложно HTML оформление, включително стилове за Flexbox и персонализирани цветове, което води до добре проектирано изображение.

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

const htmlContent = `

  
    

      

        
Welcome to My Website
        
Building the web, one pixel at a time.
      
    
  
`;

nodeHtmlToImage({
  output: './welcome-image.png',
  html: htmlContent
})
  .then(() => console.log('Complex layout image created successfully!'));

Персонализирани изходни формати на изображения

Библиотеката Node-HTML-to-Image поддържа множество изходни формати на изображения, включително PNG, JPEG и WebP. Тази гъвкавост ви позволява да изберете най-добрия формат за вашия конкретен случай на употреба, независимо дали става въпрос за уеб производителност или качество на изображението. Ето един пример, който показва как потребителите могат да определят изхода като JPEG изображение, което може да бъде полезно за сценарии, при които размерът на файла трябва да бъде сведен до минимум, без да се компрометира прекалено много с качеството.

nodeHtmlToImage({
  output: './output-image.jpg',
  html: '
JPEG Image Example
',
  type: 'jpeg'
})
  .then(() => console.log('JPEG image created successfully!'));

Разширена поддръжка за рендиране на изображения в Node.js

Библиотеката Node-HTML-to-Image предостави пълна поддръжка за широко персонализиране на процеса на изобразяване. Разработчиците на софтуер могат да дефинират размера на прозореца за изглед, коефициента на мащабиране на устройството и дори да инжектират персонализирани CSS и JavaScript в HTML преди изобразяване. Следващият пример показва как изображението се изобразява с персонализиран размер на прозореца за изглед от 800x600 пиксела и качеството е зададено на 100, което гарантира най-високото възможно качество на изображението.

nodeHtmlToImage({
  output: './custom-image.png',
  html: '
Custom Viewport
',
  viewport: { width: 800, height: 600 },
  quality: 100
})
  .then(() => console.log('Image with custom viewport created successfully!'));