Biblioteca de anotações em PDF JavaScript de código aberto
Biblioteca JavaScript gratuita e de código aberto para adicionar anotações a documentos PDF.
O que é PDFKit?
PDFKit é uma biblioteca JavaScript gratuita e de código aberto para adicionar anotações como links, texto riscado e notas interativas a arquivos PDF. Um ponto importante a ser observado é: O PDFKit não permite abrir ou editar documentos PDF existentes, portanto, você não pode adicionar anotações a documentos PDF existentes, mas pode criar arquivos PDF do zero usando a biblioteca PDFKit e, em seguida, adicionar anotações a eles.
A seguir estão alguns dos principais recursos de anotação do PDFKit:
- Adicionando links: O PDFKit permite que você inclua links clicáveis em seus documentos PDF.
- Adicionando texto riscado: você pode aplicar um efeito de tachado ao texto em seus PDFs gerados com o PDFKit.
- Adicionando notas: O PDFKit permite que você insira anotações interativas em seus documentos PDF.
Introdução ao PDFKit
Você pode instalar a biblioteca PDFKit usando o gerenciador de pacotes npm. Basta digitar o seguinte comando após instalar o npm.
Instalar usando NPM
npm install pdfkit
Adicionar anotação de link ao PDF
Podemos adicionar hiperlinks em documentos PDF usando o recurso de anotação de link da biblioteca PDFKit. Fornecemos as coordenadas X e Y, bem como a altura e largura do texto, junto com o link para torná-lo um hiperlink usando a função link, conforme demonstrado no snippet de código abaixo:
Saída
A saída a seguir exibe o documento PDF contendo o hiperlink:
Adicionar texto riscado ao PDF
Podemos adicionar texto riscado a um documento PDF usando as funções moveTo e lineTo fornecidas pela biblioteca PDFKit. A função moveTo posiciona o cursor no ponto inicial da linha, e a função lineTo é usada para desenhar uma linha desse ponto inicial até o final do texto a ser riscado. Verifique o trecho de código abaixo para obter os detalhes:
Saída
A captura de tela de saída exibe o documento PDF com o texto riscado adicionado a ele.
Adicionar notas interativas ao PDF
Podemos adicionar notas interativas aos nossos documentos PDF, tornando-os mais envolventes para os leitores. Essas notas interativas são exibidas como ícones dentro do PDF e, quando os usuários passam o mouse sobre elas, elas revelam conteúdo pop-up. Você tem controle total sobre seu posicionamento e dimensões, ajustando as coordenadas X, Y, altura e largura conforme necessário. Experimente o snippet de código abaixo para adicionar uma nota interativa ao PDF:
Saída
A captura de tela a seguir mostra o documento PDF com a nota interativa adicionada a ele:
E quando passamos o mouse sobre o ícone amarelo a nota completa é exibida conforme abaixo:
Conclusão
Concluindo, o PDFKit é uma biblioteca JavaScript gratuita para adicionar anotações a documentos PDF. Ela fornece uma maneira acessível e amigável de adicionar anotações.
Embora o PDFKit se destaque em muitas áreas, é importante observar que a função goTo não funciona como esperado. Além disso, a função note pode introduzir espaços extras no conteúdo, o que pode levar a resultados indesejados. Além disso, como já mencionado anteriormente, podemos adicionar anotações somente a novos documentos PDF (e não aos PDFs existentes) criados com o PDFKit. Essas inconsistências podem levantar questões sobre sua adequação para tarefas automatizadas. No entanto, o PDFKit continua sendo uma ferramenta valiosa para anotações manuais e personalização de documentos.