Estoy imprimiendo un código de barras con jsBarcode, lo imprimo un archivo pdf, pero al momento de agregarlo al pdf se de menos calidad que si fuera en la web, de momento solo sucede con el código de barras, con otras imágenes no parece haber problemas.
Para insertarlo en un pdf utilizo canvas
, el código que utilizo para crear el código de barras y agregarlo al pdf
const canvas = createCanvas();
JsBarcode(canvas, ref); // lenar
const barcode = canvas.toDataURL();
const width = canvas.width * 0.264583;
const height = canvas.height * 0.264583;
doc.addImage(barcode, 'PNG', initial, 185, width, height, 'barcode', 'NONE');
utilizo esta parte para cambiar el tamaño que ocupara en el PDF ya que su tamaño normal esta en pixeles al parecer y el pdf utiliza mm. Por lo que ocupa mucho espacio si lo dejo con pixeles.
const width = canvas.width * 0.264583;
const height = canvas.height * 0.264583;
uno de los parametros de addImage
es la compression
en el cual esta en NONE
, pero tambien probé todas las opciones posibles: 'NONE'
, 'FAST'
, 'MEDIUM'
and 'SLOW'
pero el resultado sigue siendo el mismo. Aquí dejo imagenes de como se muestra en el navegador y como se muestra en el PDF.
Intentando establecer el tamaño de JsBarcode
JsBarcode(canvas, 'hello', {width:0.4, height: 4, fontSize:5});
Resultado obtenido
width
y elheight
?canvas
, pero no respecta las medidas que yo coloco, toma las medidas dejsBarcode
y al cambiar elwidth
yheight
lo que ocasiona que tenga mucho peor calidad que antes.jsBarcode
o establecelas a lo que desees, ya que aparentemente el canvas que creas se encuentra ligado ajsBarcode
por ende la solucion no es intentar expandir ni mucho menos escalar el canvas si no configurarjsBarcode
para generar el output con medidas distintas.JsBarcode