Tarjetas

Imagen a texto

Sin imagen

Ningun archivo seleccionado

Texto

Texto a JSON

Prompt

JSON

{
  "nombre": "",
  "cargo": "",
  "direccion": "",
  "telefono": "",
  "celular": "",
  "correo_electronico": ""
}

JSON a SVG

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="720" height="420" viewBox="0 0 720 420">
  <rect width="720" height="420" rx="24" fill="#f8fafc"/>
  <rect x="32" y="32" width="656" height="356" rx="20" fill="#ffffff" stroke="#cbd5e1"/>
  <rect x="32" y="32" width="14" height="356" rx="7" fill="#0f4c81"/>
  <circle cx="102" cy="100" r="34" fill="#0f4c81"/>
  <text x="102" y="111" text-anchor="middle" font-family="Arial, sans-serif" font-size="30" font-weight="700" fill="#ffffff">BC</text>
  <text x="154" y="88" font-family="Arial, sans-serif" font-size="32" font-weight="700" fill="#111827">{{nombre}}</text>
  <text x="154" y="126" font-family="Arial, sans-serif" font-size="20" font-weight="600" fill="#0f4c81">{{cargo}}</text>
  <text x="154" y="164" font-family="Arial, sans-serif" font-size="18" fill="#475569">{{direccion}}</text>
  <line x1="74" y1="220" x2="646" y2="220" stroke="#e2e8f0"/>
  <text x="74" y="266" font-family="Arial, sans-serif" font-size="15" font-weight="700" fill="#64748b">TELEFONO</text>
  <text x="188" y="266" font-family="Arial, sans-serif" font-size="20" fill="#1f2937">{{telefono}}</text>
  <text x="74" y="306" font-family="Arial, sans-serif" font-size="15" font-weight="700" fill="#64748b">CELULAR</text>
  <text x="188" y="306" font-family="Arial, sans-serif" font-size="20" fill="#1f2937">{{celular}}</text>
  <text x="74" y="346" font-family="Arial, sans-serif" font-size="15" font-weight="700" fill="#64748b">CORREO</text>
  <text x="188" y="346" font-family="Arial, sans-serif" font-size="20" fill="#1f2937">{{correo_electronico}}</text>
</svg>

Descarga

Flujo de tarjeta digital

Imagen a texto

Texto a JSON

JSON a SVG