Skip to main content
tlacadev
Volver a proyectos
Completado

PDF Covering

Herramienta de redacción de PDF en el navegador que permite dibujar rectángulos opacos sobre datos sensibles en documentos oficiales, construida con JavaScript puro.

JavaScriptHTMLCSSPDF.js
Editor de PDF Covering con un documento cargado en el canvas

PDF Covering carga archivos PDF y los renderiza directamente en el DOM para que el usuario pueda dibujar rectángulos negros sobre cualquier región que contenga información personal. Se creó para ayudar a cumplir con las leyes federales de transparencia que exigen publicar documentos gubernamentales ocultando los datos sensibles.

Cómo funciona

La app está escrita en JavaScript puro —sin frameworks— para mantenerla pequeña y embebible en flujos de trabajo de gestión documental más grandes. Los PDFs se renderizan en una capa canvas, y un segundo canvas superpuesto captura los rectángulos del usuario. Al exportar, la superposición se fusiona con la página del PDF para que las redacciones queden incrustadas en el archivo final.

Aprendizajes

  • Trabajar directamente con coordenadas de canvas, eventos de puntero y detección de colisiones.
  • Leer y reescribir el stream de páginas de un PDF para integrar las anotaciones en el archivo.
  • Mantener la herramienta sin dependencias para que pueda vivir dentro de una tubería de CMS más grande.