Ver Mensaje Individual
  #5 (permalink)  
Antiguo 21/11/2014, 11:43
Avatar de jlgarduza
jlgarduza
 
Fecha de Ingreso: noviembre-2014
Ubicación: Veracruz
Mensajes: 67
Antigüedad: 9 años, 5 meses
Puntos: 0
Respuesta: Crear Tarjeta de presentacion en PHP

Cita:
Iniciado por NSD Ver Mensaje
Yo optaría por el modo practico, no siempre un diseño puede ser maqueteado correctamente o de forma sencilla, por eso mi propuesta es:

1) Diseñar en CorelDraw (O cualquier otro programa de diseño vectorial) la tarjeta poniendo textos de prueba.
2) Exportar el diseño terminado a SVG.
3) Guardar el SVG exportado en una carpeta y con PHP cambiar los textos de prueba por los del formulario.

Esto es sumamente practico, ya que incluso puedes delegarle a un diseñador la tarea de armar la tarjeta y por mas que cambie completamente el diseño, el código PHP no requiere ser modificado en absoluto.

Por dar un ejemplo practico, supongamos que diseñaste un logo y lo exportaste a SVG, siendo este el resultado:

template.svg
Código SVG:
Ver original
  1. <svg xmlns="http://www.w3.org/2000/svg" width="300" height="300">
  2.     <defs>
  3.         <style type="text/css">
  4.             .fil1 {fill:#DBDBDB}
  5.             .fil2 {fill:#283785}
  6.             .fil3 {fill:#848688}
  7.             .txt {font-family:'Arial'; text-anchor:middle;}
  8.             .txt1 {font-weight:bold; font-size:36px;}
  9.             .txt2 {font-size:16px;}
  10.         </style>
  11.     </defs>
  12.     <g>
  13.         <path class="fil1" d="M112 228l18 -68 -6 -1c1,-3 -1,-10 -1,-13l-2 1 -8 -21c0,-1 -3,2 -7,-12 -2,-10 0,-12 -3,-17 -4,-7 11,-26 14,-29l4 3c32,-29 44,-5 74,-11l-8 10 21 58 -10 3 -2 31c-11,11 -34,-10 -28,26 2,12 17,27 21,39 97,-40 68,-189 -37,-190 -113,-1 -139,151 -41,190l0 0z"/>
  14.         <path class="fil2" d="M112 228l78 0c-4,-13 -19,-27 -21,-39 -7,-36 16,-15 28,-26l2 -31 10 -3 -21 -58 8 -10c-29,5 -42,-19 -74,11l-4 -3c-3,3 -18,22 -14,29 3,6 0,8 3,17 3,14 6,11 7,12l8 21 2 -1c0,3 2,10 1,13l6 1 -18 68 0 0z"/>
  15.         <text x="150" y="257" class="fil2 txt txt1">[NAME]</text>
  16.         <text x="150" y="272" class="fil3 txt txt2">[SLOGAN]</text>
  17.     </g>
  18. </svg>

En la misma carpeta que esta ese archivo, tendrías un index.php asi:
Código PHP:
Ver original
  1. <?php
  2.     header('Content-type: image/svg+xml');    
  3.    
  4.     $img = file_get_contents("template.svg");
  5.    
  6.     if(isset($_GET["name"]))
  7.         $img = str_replace("[NAME]", $_GET["name"], $img);
  8.     if(isset($_GET["slogan"]))
  9.         $img = str_replace("[SLOGAN]", $_GET["slogan"], $img);
  10.    
  11.     echo $img;

Ahora simplemente ingresas a: index.php?name=NSD&slogan=Web%20Developer y puedes ver el logo con mi nombre.

Al ser SVG puedes mostrarlo en cualquier resolución sin perder calidad. Me parece que esta seria la técnica mas simple y viable para esta tarea.
Muchas gracias, lo verificare y comento, por otro lado manejo bien el corel draw y es ahi donde hago las tarjetas, pero por ahora me indicaron este proyecto...