Esta herramienta te permite convertir imágenes vectoriales a su equivalente en canvas HTML5.
Solo debes pegar el código XML de los archivos SVG y al instante tendrás el código javascript para canvas, muy útil si trabajas con la nueva tecnologia de HTML5 y sus gráficos canvas.
Convertir imagen a SVG
Para complementar la herramienta anterior, tenemos un servicio también online y gratuito que te permite convertir imágenes JPG, PNG, etc a imágenes vectoriales.
El equivalente en SVG a la imagen superior es:
<?xml version="1.0" standalone="no"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd"> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="227.000000pt" height="222.000000pt" viewBox="0 0 227.000000 222.000000" preserveAspectRatio="xMidYMid meet"> <metadata> Created by potrace 1.10, written by Peter Selinger 2001-2011 </metadata> <g transform="translate(0.000000,222.000000) scale(0.100000,-0.100000)" fill="#000000" stroke="none"> <path d="M1095 2114 c-119 -18 -172 -32 -220 -59 -22 -13 -74 -31 -115 -41 -66 -15 -81 -23 -126 -68 -28 -28 -64 -70 -79 -93 -15 -23 -51 -60 -80 -82 -57 -43 -151 -164 -140 -180 3 -6 -4 -15 -15 -21 -11 -6 -21 -7 -21 -3 -1 4 -2 15 -3 23 0 8 -7 15 -15 15 -9 0 -19 -28 -31 -87 -10 -48 -21 -92 -26 -99 -4 -7 -11 -26 -15 -43 -5 -23 -7 -25 -8 -9 -2 34 -20 37 -32 6 -16 -41 -5 -583 14 -689 14 -75 65 -204 105 -264 9 -14 17 -32 18 -40 1 -8 5 -37 8 -65 3 -27 18 -83 32 -122 21 -57 31 -73 47 -73 23 0 21 16 -16 105 -44 104 -36 172 10 86 12 -24 32 -51 44 -58 36 -26 201 -105 206 -99 15 15 -15 39 -102 82 -82 41 -99 54 -111 84 -8 19 -30 51 -48 70 -24 24 -36 49 -41 80 -8 45 -48 197 -87 324 -20 65 -20 85 -15 295 7 242 20 333 59 404 24 44 65 60 92 37 20 -15 28 13 12 36 -12 16 -9 23 28 60 23 23 63 72 89 110 76 113 140 187 182 211 52 29 68 29 24 0 -25 -17 -47 -49 -85 -126 -53 -108 -87 -148 -135 -158 -16 -3 -29 -11 -29 -18 0 -14 42 -55 56 -55 5 0 27 22 47 49 20 26 66 74 102 106 44 39 74 76 93 114 30 62 59 76 92 46 10 -9 37 -61 60 -116 23 -54 48 -99 55 -99 26 0 24 46 -7 137 -27 81 -36 96 -69 118 -21 14 -49 25 -61 25 -22 1 -22 1 -4 12 27 15 283 -5 302 -24 2 -3 -5 -26 -16 -52 -44 -103 -34 -168 13 -88 l22 37 3 -42 c4 -56 21 -55 52 4 35 66 48 71 96 39 22 -14 55 -27 74 -29 30 -4 39 -12 75 -69 68 -111 103 -144 158 -151 48 -7 59 1 32 23 -22 18 -118 157 -143 205 -11 22 -25 60 -32 85 -21 78 -53 101 -172 121 l-77 13 -28 -31 c-27 -29 -30 -30 -83 -22 -30 4 -81 11 -113 15 -32 4 -60 10 -62 14 -8 12 188 52 285 57 l95 5 78 -51 c98 -65 180 -140 172 -159 -3 -8 8 -29 24 -47 18 -21 31 -49 35 -79 7 -46 21 -60 32 -31 8 19 74 -58 74 -86 0 -28 -8 -23 -23 14 -8 17 -21 38 -30 46 -14 11 -18 11 -23 -3 -4 -10 5 -33 22 -57 16 -23 37 -55 46 -71 28 -50 34 -52 56 -14 16 27 28 36 47 36 42 0 64 -64 71 -202 3 -62 12 -133 20 -157 16 -50 18 -91 2 -48 -12 34 -43 38 -34 5 31 -115 56 -358 56 -543 0 -135 -1 -145 -26 -189 -37 -65 -116 -318 -104 -330 7 -7 14 -6 21 1 9 9 96 212 134 313 50 134 58 202 28 219 -16 8 -18 31 -20 203 -5 416 -10 495 -41 598 -24 83 -65 180 -76 180 -2 0 -17 -7 -32 -15 -40 -21 -54 -19 -54 8 -1 73 -156 290 -279 389 -138 111 -192 123 -396 92z"/> <path d="M1313 1664 c-56 -21 -129 -86 -157 -143 -27 -53 -52 -129 -44 -136 3 -3 27 7 54 22 45 26 57 28 159 28 119 0 217 -24 276 -67 16 -12 32 -19 35 -15 10 10 -56 199 -85 241 -47 71 -152 102 -238 70z m87 -51 c0 -42 69 -80 97 -52 7 7 16 2 30 -18 21 -32 55 -103 48 -103 -2 0 -37 7 -77 16 -85 18 -212 23 -281 11 -48 -8 -49 -8 -41 15 16 50 57 98 107 123 60 30 117 34 117 8z"/> <path d="M644 1620 c-52 -12 -101 -48 -133 -97 -47 -71 -96 -213 -74 -213 6 0 30 18 54 40 24 22 60 45 79 50 58 16 169 11 230 -10 30 -11 58 -19 63 -20 12 0 8 21 -19 108 -34 107 -73 152 -130 151 -22 -1 -53 -4 -70 -9z m71 -61 c9 -17 31 -37 50 -44 21 -10 36 -25 43 -45 12 -34 15 -33 -61 -20 -68 13 -164 -1 -216 -31 -18 -11 -36 -17 -39 -15 -11 12 32 86 72 124 68 66 127 78 151 31z"/> <path d="M1826 1428 c5 -91 4 -110 -16 -161 -51 -135 -180 -240 -371 -300 -349 -111 -806 -114 -994 -7 -61 35 -85 60 -119 125 -33 64 -34 130 -4 247 18 71 20 90 10 100 -18 18 -29 -2 -43 -86 -18 -110 -8 -232 24 -298 15 -31 26 -62 25 -69 -2 -7 11 -15 30 -20 51 -11 59 -25 24 -43 -33 -17 -48 -44 -29 -52 7 -2 27 2 43 11 16 8 44 15 62 15 28 0 32 -3 32 -26 0 -25 41 -76 70 -86 13 -4 12 -8 -3 -25 -9 -11 -17 -25 -17 -31 0 -22 18 -12 41 21 55 79 139 127 139 79 0 -10 6 -27 14 -38 13 -17 12 -23 -8 -59 -29 -50 -44 -109 -26 -103 7 2 20 23 29 46 9 23 26 51 37 63 20 19 22 20 38 3 16 -16 19 -15 51 2 31 16 37 17 49 4 13 -13 12 -22 -4 -70 -19 -55 -28 -210 -12 -210 4 0 13 42 20 93 15 107 42 171 82 192 27 14 29 13 35 -6 10 -31 29 -17 36 26 15 93 148 127 229 58 54 -45 135 -20 188 58 13 19 28 36 33 38 6 1 27 -16 49 -39 21 -22 40 -37 43 -33 9 14 -24 73 -51 91 l-24 15 24 13 c42 23 92 26 137 8 54 -21 65 -10 24 25 -18 15 -33 32 -33 37 0 6 14 23 31 40 76 71 142 203 143 284 1 52 -24 170 -36 170 -4 0 -5 -46 -2 -102z"/> <path d="M799 1284 c-7 -8 -24 -21 -38 -28 -34 -17 -201 -20 -268 -5 -29 7 -56 9 -61 5 -13 -14 60 -64 110 -76 110 -27 288 36 288 102 0 22 -13 23 -31 2z"/> <path d="M1142 1263 c2 -11 21 -24 49 -33 25 -9 54 -23 63 -33 43 -43 308 1 337 56 10 18 9 19 -12 13 -48 -15 -79 -18 -79 -8 0 7 -14 5 -37 -4 -29 -13 -57 -14 -142 -8 -58 4 -110 7 -114 6 -4 -1 -18 4 -30 13 -28 20 -39 19 -35 -2z"/> </g> </svg>
Esta página también tiene soporte para muchos otras opciones de conversión, no solo en imágenes, sino en audio (mp3, mp4, ogg, wav, etc) , documentos (Doc, Docx, Flash, Html, Pdf, etc) , video (Flv, Avi, wma, Ipad, Wii, xbox, mpg, ogg, etc) entre otras interesantes opciones como la encriptación Hash,
Eso es todo por hoy :)
0 comentarios:
Publicar un comentario