1. Produtos
  2.   HTML
  3.   Node.js
  4.   Node-HTML-to-Image
 
  

Biblioteca Node.js Gratuita para Criar Imagens a partir de HTML

Uma Biblioteca Avançada de Processamento de Imagens Open Source em Node.js permite que Desenvolvedores de Software Gerem Imagens JPEG ou PNG a partir de Conteúdo HTML com Suporte a CSS e Geração de Imagens em Lote via API JS gratuita.

Node-HTML-to-Image é uma gem de código aberto para desenvolvedores de software que buscam uma solução simples, mas poderosa, para converter conteúdo HTML em imagens. Construído sobre o Puppeteer, uma biblioteca popular do Node.js que fornece uma API de alto nível para controlar navegadores Chrome sem interface gráfica, esta ferramenta permite que os desenvolvedores gerem imagens a partir de templates HTML com esforço e custo mínimos. Existem várias características importantes que fazem parte da biblioteca e que confortam os desenvolvedores de software no processo de desenvolvimento, como a conversão de HTML bruto ou templates pré-projetados, criação de imagens personalizadas ou baseadas em dados, suporte a estilização CSS, suporte a múltiplos formatos de imagem, Geração de Imagens em Lote, personalização das opções de renderização do Puppeteer e muito mais.

A biblioteca Node-HTML-to-Image é um módulo Node.js que pega templates HTML e os transforma em arquivos de imagem estáticos. A biblioteca é muito útil para gerar banners, imagens de citações ou conteúdo promocional dinamicamente com base em dados do usuário ou templates pré-definidos. Além disso, também é muito útil para exportar visualizações de dados complexas, gráficos ou tabelas como imagens estáticas para inclusão em apresentações ou relatórios. Desenvolvedores de software podem incorporar imagens renderizadas de conteúdo promocional em e-mails para garantir compatibilidade com clientes de e-mail que bloqueiam HTML ou CSS. Com uma API leve e dependências mínimas, é perfeita para aplicações que precisam gerar visuais dinamicamente. Ao explorar esta biblioteca e integrá-la em seus projetos, você pode desbloquear novos níveis de eficiência e criatividade.

Previous Next

Introdução ao Node-HTML-to-Image

A maneira recomendada de instalar a biblioteca Node-HTML-to-Image é usando o NPM. Por favor, use o seguinte comando para uma instalação suave.

Instale a biblioteca Node-HTML-to-Image via NPM


npm install node-html-to-image

Instalar a Biblioteca Node-HTML-to-Image via Yarn


yarn add node-html-to-image

Você também pode instalá-lo manualmente; baixe os arquivos da versão mais recente diretamente do repositório GitHub.

Gerar uma Imagem a partir de HTML no Node.js

Gerar imagens a partir de templates HTML se tornou uma abordagem popular em aplicações modernas. A biblioteca open source Node-HTML-to-Image facilita para os desenvolvedores de software converterem HTML bruto ou templates pré-projetados em arquivos de imagem estáticos com apenas algumas linhas de código. Esse recurso elimina a necessidade de bibliotecas complexas de manipulação gráfica e fornece uma interface simples para produzir saídas visuais. Aqui está um exemplo que mostra como os desenvolvedores de software podem converter uma string HTML simples em uma imagem PNG dentro de aplicações node.js.

Como Converter uma String HTML em uma Imagem PNG dentro de Aplicativos Node.js?

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

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

Renderização de Conteúdo Dinâmico via Biblioteca Node.js

A biblioteca Node-HTML-to-Image permite que desenvolvedores de software passem variáveis para templates, possibilitando a criação de imagens personalizadas ou baseadas em dados dentro de aplicações Node.js. Esse recurso é particularmente útil para aplicações como certificados, relatórios personalizados ou postagens em redes sociais. O exemplo abaixo demonstra como uma variável {{name}} é substituída dinamicamente por "Alice" antes de renderizar a imagem dentro de aplicações Node.js.

Como Passar Variáveis Dinamicamente para o Template e Renderizá-las em Imagem via Biblioteca 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!'));

Geração de Imagens em Lote no Node.js

Gerar várias imagens simultaneamente é fácil com a biblioteca open source Node-HTML-to-Image. Com apenas algumas linhas de código, o desenvolvedor de software pode gerar várias imagens de acordo com suas necessidades. Este recurso é ideal para tarefas em massa, como criar uma série de imagens personalizadas para uma campanha de marketing. O exemplo a seguir mostra como gerar várias imagens com pequenas alterações no conteúdo. Aqui, cada item no array de conteúdo gera uma imagem separada com os dados correspondentes.

Como Gerar Múltiplas Imagens a Partir de Conteúdo HTML Dentro de Aplicativos 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!'));
 Português