17/12/12

Herramientas on-line que no te deben faltar - parte 1

SVG to HTML5 Canvas Converter
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 :)