0
338
Views¿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?
2 answers
Answer question0
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>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:
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