En nuestro mapa interactivo, se hará uso de un mapa departamental dividido en provincias, todo a través de shapes, si bien se puede hacer uso de gráficos vectoriales, en esta ocasión se prefirió pintar las figuras directamente en el canvas. El mapa que utilizaremos en este tutorial es el del departamento del Beni de la República de Bolivia 😉 , este
Comenzando este tutorial, primero necesitamos definir la «estructura» de nuestro proyecto. Haremos uso del IDE de Dreamweaver en cualquiera de sus versiones. 1. Crea un nuevo sitio, yo lo llame «html5», tu llámalo como quieras, después crea una carpeta «images« , un archivo «index.html», un archivo javascript «elecciones.js» y un archivo php «data.php». Se hace uso de tres imágenes, «foto1.jpg» y
La tecnología de HTML5 y javascript nos permite crear gráficos interactivos livianos sin tener que recurrir a flash, el elemento canvas de html5 es un lienzo virtual que nos permite pintar shapes y agregarles movimiento. Existen ya varios plugins que nos facilitan el trabajo a la hora de programar con shapes, objetos 3d, animaciones y
En un ejemplo anterior se utilizo un método sencillo para detectar si un punto se encuentra dentro un shape de forma rectangular, pero no siempre las figuras que se pinten en un shape tendrían una forma básica, en ocasiones necesitaremos conocer si un punto (X,Y) pertenece a un polígono irregular, buscando una solución por la red, encontré un algoritmo que
En este tutorial se hará uso de los eventos de ratón de jquery para desplazar shapes sobre el canvas, para tener una mejor compresión sobre el código y la forma de trabajo, se recomienda visitar los post anteriores sobre HTML5 . Comencemos. Primero nuestro archivo html5: <!DOCTYPE html> <html lang="en" > <head> <meta charset="utf-8" /> <title>Shapes
En este tutorial crearemos shapes en tiempo de ejecución y ademas les daremos un poco de movimiento. Para realizar correctamente este tutorial, es lectura obligatoria visitar el anterior post donde se enseño a crear los shapes , se hará uso del mismo código con pequeñas modificaciones. Comencemos. 1. El archivo principal html, se deja como
Si trabajas con redes sociales (RRSS) a continuación te muestro tres herramintas gratuitas que te ayudaran a la hora de...
Por lo general se usan transacciones a nivel base de datos y posteriormente se llaman estos a través de procedimientos a...
En este post, aprenderemos como conectar Visual Basic 6 con SQL Server, abrir una tabla, leer su contenido y mostrar est...
Lo que veremos en este post es la configuración del driver para PHP de SQL Server que ha creado Microsoft el cual permit...
Hola, no tienes los videos para descargar??? gracias de antemano. Saludos
Los videos estan interesantes, para guiarnos
excelente aporte amigo. saludos desde MEXICO