Impresión de tarjetas (carnets) con PHP

[mauritosuarez]

Les cuento, tengo que hacer una web, donde tengo que recuperar los datos de los socios como ej. n° de socio, foto, DNI, nombre y apellido. Toda esta información va dentro del diseño de la tarjeta donde solo tengo que imprimir el frente ya que el dorso viene pre-impreso. Según lo que me dijeron es que se van a imprimir con una impresora Zebra. Yo no cuento con dicha impresora para realizar las pruebas, si hay una impresora laser. Puedo realizar las pruebas con la impresora laser y luego funcionará en la Zebra.?

Estoy utilizando el Framework Yii2.

Desde ya agradezco por su tiempo.

[xfxstudios]

si, siempre que las pruebas las realices con la medida exacta de la tarjeta que creo si mal no recuerdo que es 8.51 x 5.51mm, claro está que debes hacer a la final una prueba con la impresora de PVC para ver que tal te quedan, yo realice una aplicación parecida hace tiempo para una escuela y funciono perfecto, porque a la final es como una impresión mas solo que debes tener configurado el tamaño exacto desde el cual va a mandar a imprimir el navegador.

[mauritosuarez]

Muchas gracias por responder xfxstudios, entiendo lo que decis, ahora te consulto, se podrá realizar utilizando la extensión de yii2 mpdf ?

Te pongo un ejemplo donde iria "format" => que especificacion tendría que ir.?

Código PHP:

use kartik\mpdf\Pdf;
// ...
'components' => [
    // setup Krajee Pdf component
    'pdf' => [
        'class' => Pdf::classname(),
        'format' => Pdf::FORMAT_A4,
        'orientation' => Pdf::ORIENT_PORTRAIT,
        'destination' => Pdf::DEST_BROWSER,
        // refer settings section for all configuration options
    ]
]
 

Nuevamente gracias por tu respuesta.

[xfxstudios]

Esa libreria esta basada en HTML2PDF podrias seguir las instrucciones de aca para configurar la pagina, lo digo porque yo al generar las facturas en el FORMAT de salida tengo A4 pero en la configuracion html de la factura tengo otras medidas y son estas ultimas las que toma para la generacion del pdf:

http://wiki.spipu.net/doku.php?id=html2pdf:es:v3:pagina

http://wiki.spipu.net/doku.php?id=ht...es:v3:margenes

[mauritosuarez]

Gracias por todo xfxstudios, probare con lo que me dices.

Saludos.

[mauritosuarez]

Hola xfxstudios, probe lo que medijiste con las medidas exactas y en IE me funciona perfecto el tamaño a un tarjeta de credito, ahora cuando imprimo desde chrome con las mismas configuraciones me lo imprime más grande que el tamaño especificado.

Hice la conversión de mm a px

Código CSS:

<style type="text/css">
    @media print {
      #tarjeta {
        width: 323.52px;
        height: 204.01px;
        -webkit-border-radius: 13px 13px 13px 13px;
        border-radius: 13px 13px 13px 13px;
        }
    }
</style>
 

Que podrá ser?

Desde ya muchas gracias.

[xfxstudios]

recuerda que vas a imprimir por ende todo debe estar en mm, también debes verificar que en la impresión no se si esta disponible el radio del borde, aunque te digo que eso no importa si vas a imprimir tarjetas de pvc ya que la impresora omite ese borde al imprimir, lo que significa que si la enviar perfectamente rectangular el va a omitir las esquinas.

Recuerda que no vas a colocar datos en ese borde, a lo mucho color y en chrome funcionan las medidas en milimetros porque es el que he usado para ese trabajo, intenta de nuevo a ver que pasa.

[xfxstudios]

en todo caso podria ser asi:

Código CSS:

<style type="text/css">
    @media print {
      #tarjeta {
        height: 86mm;
        width: 56mm;
        -webkit-border-radius: 13px 13px 13px 13px;
        border-radius: 13px 13px 13px 13px;
        background-color:#00BDE4;
        }
    }
</style>
<div id="tarjeta">datos</div>
 

esa es una muestra y se ve bien en chrome

[mauritosuarez]

Si también hice la prueba con mm en el explorador se ve bien tanto en IE como en Chrome pero al momento de la impresión con las mimas configuraciones, con IE imprime perfecto y con Chrome más grande. No que porque pasaría esto.


Gracias.

[xfxstudios]

puedes jugar con el tamaño de la pagina tambien:

Código CSS:

<style type="text/css">
    @media print {
 
@page{
      size: 56mm 86mm;
      margin:0;
  }
 
      #tarjeta {
        height: 86mm;
        width: 56mm;
        -webkit-border-radius: 13px 13px 13px 13px;
        border-radius: 13px 13px 13px 13px;
        background-color:#00BDE4;
        }
    }
</style>
<div id="tarjeta">datos</div>
 

[mauritosuarez]

Gracias xfxstudios probare con lo que me dices..

[mauritosuarez]

Hola xfxstudios probe con lo que me dijiste y me funciono a la perfección, ahora te hago la siguiente consulta, tengo forma desde la aplicación saber si la impresión se realizo correctamente, o ocurrio algún error y de ocurrir un error tengo forma de parar la impresión desde la app. o sea obtener datos que me envíe la impresora?

Desde ya muchas gracias.!!!