Jesús Ramoni Blogger

HTML  Google Maps ❮ Anterior Siguiente ❯ Google Maps le permite visualizar mapas en su página web: Mantén pulsada la tecla Ctrl mientras te desplazas para acercar o alejar el mapa Datos de mapas ©2017 GeoBasis-DE/BKG (©2009), Google, Inst. Geogr. Nacional, Mapa GISrael, ORION-ME Términos de uso Mapa Satélite Una página web básica Para demostrar cómo agregar un mapa de Google a una página web, utilizaremos una página HTML básica: Ejemplo < !DOCTYPE  html > < html > < body > < h1 > My First Google Map < /h1 > < div  id ="map" > My map will go here < /div > < /body > < html > Pruebelo usted mismo » Establecer el tamaño del mapa Establecer el tamaño del mapa: Ejemplo < div  id ="map"  styl...

SVG  HTML5 ❮ Anterior Siguiente ❯ ¿Qué es SVG? SVG significa Scalable Vector Graphics SVG se usa para definir gráficos para la Web SVG es una recomendación del W3C El elemento HTML <svg> El elemento HTML <svg> es un contenedor para gráficos SVG. SVG tiene varios métodos para dibujar rutas, cuadros, círculos, texto e imágenes gráficas. Soporte del navegador Los números en la tabla especifican la primera versión del navegador que admite completamente el elemento <svg>. Element <svg> 4.0 9.0 3.0 3.2 10.1 SVG Circle Ejemplo < !DOCTYPE  html > < html > < body > < svg  width ="100"  height ="100" >    < circle  cx ="50"  cy ="50"  r ="40"  stroke ="green"  stroke-width ="4" fill ="yellow"  / > < /svg > < /body > < /html > Pruebelo usted mismo » www.micompraventa.net Rectángulo SVG ...

HTML5  Canvas ❮ Anterior Siguiente ❯ El elemento HTML <canvas> se usa para dibujar gráficos en una página web. El gráfico a la izquierda se crea con <canvas>.  Muestra cuatro elementos: un rectángulo rojo, un rectángulo degradado, un rectángulo multicolor y un texto multicolor. ¿Qué es HTML Canvas? El elemento HTML <canvas> se usa para dibujar gráficos, sobre la marcha, a través de JavaScript. El elemento <canvas> es solo un contenedor para gráficos.  Debe usar JavaScript para dibujar realmente los gráficos. Canvas tiene varios métodos para dibujar rutas, cuadros, círculos, texto y agregar imágenes. Soporte del navegador Los números en la tabla especifican la primera versión del navegador que admite completamente el elemento <canvas>. Element <canvas> 4.0 9.0 2.0 3.1 9.0 Ejemplos de lienzo Un lienzo es un área rectangular en una página HTML.  Por defecto, un lienzo no tiene borde ni contenido. ...