Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

335
Vistas
¿Cómo imprimir pdf en Chrome pero hacer que el texto dentro de pdf no se pueda seleccionar?

Necesito descargar el pdf de la página html para la que he usado Chrome incorporado, función de impresión para guardar como pdf. Sin embargo, no quiero que mis usuarios puedan simplemente copiar y pegar el texto. No importa si usan imagen ocr para extraer texto, no deberían poder copiar texto fácilmente, ¿cómo hacer esto posible?

about 4 years ago · Juan Pablo Isaza
2 Respuestas
Responde la pregunta

0

Una solución fácil/rápida es usar 'html2canvas' ( enlace al sitio web ). Solo tendría que agregar el parámetro canvas con el valor true al parámetro de configuración printThis , para que funcione.

El código se vería así:

 html2canvas(document.querySelector("#page")).then(canvas => { $(canvas).printThis({ canvas: true }) });

Donde el elemento html con la id de #page contiene el html que desea imprimir/convertir a pdf. En otras palabras, es el mismo elemento en el que llamarías a la función printThis .

Aquí un JsFiddle: https://jsfiddle.net/vwfb20sp/

 window.addEventListener('DOMContentLoaded', _ => html2canvas(document.querySelector('#page')) .then(canvas => { document.body.appendChild(canvas) $('#page').printThis({ canvas: true }) }) );
 <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"> </script> <script src="//cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"> </script> <script src="//cdnjs.cloudflare.com/ajax/libs/printThis/1.15.0/printThis.min.js"> </script> <body > <div id ="page"> test <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/8/89/Amber_mountain_rock_thrush_%28Monticola_sharpei_erythronotus%29_male_2.jpg/1200px-Amber_mountain_rock_thrush_%28Monticola_sharpei_erythronotus%29_male_2.jpg" alt="Amber mountain rock thrush (Monticola sharpei erythronotus) male 2.jpg" /> </div> </body>
about 4 years ago · Juan Pablo Isaza Denunciar

0

Por lo general, no hay forma de dictar cómo deben comportarse los clientes de su servidor. Entonces, usando el ejemplo anterior, SI deseo cambiar las salidas de texto o imagen del servidor para mi accesibilidad, como lectura o preferencias de texto, puedo usar el control del navegador de un servidor que ofrece como este:

ingrese la descripción de la imagen aquí

HTTPS es la disposición (re)posición de hipertexto de una propiedad a otra. El servidor puede ofrecer objetos pero el cliente puede rechazar imágenes (u otro contenido como anuncios) y adaptar las ofertas del servidor a sus propios gustos.

Cuando se usa el navegador para pdf , el editor es el servidor propiedad del cliente

about 4 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda