JsFiddle es una herramienta que se puede utilizar de muchas maneras. Se puede utilizar como un editor en línea para crear fragmentos de código HTML, CSS y JavaScript. El código puede ser compartido con otros, incrustados en un blog, etc Con este enfoque, los desarrolladores de JavaScript puede fácilmente aislar errores.
El editor cuenta con varias opciones y esta dividido en paneles para el HTML, Javascript, el CSS y un panel para la vista previa, copia y pega este código en el panel HTML y presiona RUN, podras ver el resultado en la parte derecha de la pantalla.
<!DOCTYPE html> <head> <title>SVG</title> <meta charset="utf-8" /> </head> <body> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="233.000000pt" height="269.000000pt" viewBox="0 0 233.000000 269.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,269.000000) scale(0.100000,-0.100000)" fill="#000000" stroke="none"> <path d="M1056 2570 c-74 -7 -82 -10 -113 -44 -21 -22 -50 -40 -76 -46 -149 -38 -212 -66 -295 -129 -66 -49 -221 -258 -259 -348 -29 -71 -16 -192 29 -255 24 -35 38 -35 89 -1 57 38 92 34 196 -23 198 -108 240 -126 351 -145 59 -10 109 -19 112 -19 3 -1 -17 -9 -45 -19 -27 -9 -83 -41 -123 -71 -62 -45 -82 -54 -125 -58 -56 -4 -150 14 -240 48 -69 26 -87 42 -87 81 0 35 -20 76 -48 103 -25 22 -37 16 -62 -34 -11 -22 -34 -47 -50 -55 -23 -12 -30 -22 -30 -44 0 -32 71 -181 97 -202 10 -9 55 -16 125 -20 125 -6 161 -23 166 -77 3 -32 -8 -57 -82 -192 -49 -90 -48 -121 7 -161 86 -63 259 -139 407 -179 74 -20 174 -27 250 -18 155 19 419 130 507 214 55 52 56 79 2 168 -80 133 -86 182 -28 230 42 35 71 41 144 27 35 -6 69 -9 77 -6 7 3 39 40 70 83 70 94 74 122 23 172 -19 18 -37 46 -40 61 -4 15 -12 32 -19 38 -16 14 -32 -4 -71 -76 -15 -28 -39 -63 -54 -76 -37 -34 -125 -65 -230 -78 -106 -15 -145 -4 -234 64 -30 23 -70 50 -88 60 -41 23 -28 33 51 43 152 17 290 68 454 168 32 20 64 36 70 36 7 0 30 -13 52 -30 45 -34 74 -38 97 -12 25 28 47 88 47 129 -1 92 -131 327 -240 434 -124 121 -441 274 -529 254 -15 -3 -43 -23 -62 -43 -37 -40 -79 -97 -79 -108 0 -4 25 -4 55 -1 l56 6 -66 -126 c-36 -69 -65 -129 -65 -133 0 -5 13 -10 30 -12 l30 -3 -42 -63 c-42 -65 -56 -75 -38 -28 17 47 13 56 -25 56 -19 0 -35 2 -35 5 0 2 22 58 49 124 27 66 47 122 43 125 -3 3 -29 6 -59 6 l-53 0 50 100 c52 104 55 111 43 109 -5 -1 -44 -5 -87 -9z m181 -1168 c39 -56 73 -151 73 -202 0 -32 -49 -132 -80 -164 -4 -4 -11 23 -15 60 -3 38 -10 102 -16 142 -5 40 -9 79 -9 85 0 7 -4 5 -9 -3 -5 -8 -11 -55 -15 -105 -4 -49 -9 -111 -13 -137 l-5 -46 -36 46 c-53 69 -64 108 -48 168 16 59 69 167 96 194 26 26 39 19 77 -38z"/> <path d="M280 410 l0 -180 -29 0 c-28 0 -30 3 -33 43 -3 39 -5 42 -35 45 l-33 3 0 -69 c0 -82 0 -82 105 -82 63 0 76 3 85 19 6 12 10 98 10 210 l0 191 -35 0 -35 0 0 -180z"/> <path d="M397 583 c-4 -3 -7 -95 -7 -204 0 -170 2 -198 16 -203 9 -3 51 -6 94 -6 94 0 102 7 98 87 -3 57 -3 58 -35 61 -33 3 -33 3 -33 -42 0 -46 0 -46 -35 -46 l-35 0 0 150 0 150 35 0 c34 0 35 -1 35 -40 0 -39 1 -40 35 -40 l35 0 0 58 c0 32 -5 63 -12 70 -13 13 -179 17 -191 5z"/> <path d="M830 380 l0 -210 30 0 29 0 3 98 3 97 19 -78 c17 -67 23 -77 40 -75 16 2 24 17 37 68 l17 65 3 -85 4 -85 33 -3 32 -3 0 211 0 211 -32 -3 c-33 -3 -33 -4 -63 -106 -33 -115 -30 -116 -70 21 -25 84 -27 87 -55 87 l-30 0 0 -210z"/> <path d="M1132 578 c-17 -17 -17 -379 0 -396 16 -16 180 -16 196 0 17 17 17 379 0 396 -7 7 -44 12 -98 12 -54 0 -91 -5 -98 -12z m138 -198 l0 -150 -40 0 -40 0 0 150 0 150 40 0 40 0 0 -150z"/> <path d="M1380 386 c0 -177 2 -205 16 -210 20 -8 158 -8 178 0 14 5 16 33 16 210 l0 204 -35 0 -35 0 0 -180 0 -180 -35 0 -35 0 0 180 0 180 -35 0 -35 0 0 -204z"/> <path d="M1642 578 c-7 -7 -12 -39 -12 -76 l0 -63 70 -66 c63 -59 70 -69 70 -104 0 -38 -1 -39 -34 -39 -34 0 -35 1 -38 43 -3 39 -5 42 -33 42 -30 0 -30 -1 -33 -58 -2 -35 2 -64 9 -73 15 -18 169 -20 187 -2 7 7 12 41 12 81 l0 70 -70 65 c-60 55 -70 70 -70 98 0 32 2 34 35 34 34 0 35 -1 35 -41 0 -39 1 -40 33 -37 31 3 32 4 35 56 2 31 -2 60 -9 68 -15 18 -169 20 -187 2z"/> <path d="M1880 380 l0 -210 90 0 90 0 0 30 c0 30 -1 30 -55 30 l-56 0 3 63 3 62 40 1 c38 0 40 2 43 32 3 32 3 32 -42 32 l-46 0 0 55 0 55 56 0 c54 0 55 0 52 28 -3 27 -3 27 -90 30 l-88 3 0 -211z"/> </g> </svg> </body> </html>
Problema: Se extrae registros de una base de datos y se desea mostrar estos en un control JTable utilizando un DefaultTa[...]
En un ejemplo anterior [Seleccionar y mover shapes en html5] se utilizo un método sencillo para detectar si un punto se[...]
El gigante de la informática Google, ante la reciente pandemia mundial declarada por la OMS (Organización Mundial de la[...]
¿Qué es una transición? Una transición es un efecto de movimiento que se da entre una imagen y la siguiente en una prese[...]
Nueva versión de un viejo proyecto swing «JCMousePanel» que nos permitía agregar imágenes en los contenedores JPanel. En[...]
La Inteligencia Artificial (AI – Artificial Intelligence) estará presente en casi cada aspecto de nuestra vida en[...]