sensibles - mapa de imagen html5
¿Todavía se usan mapas de imágenes HTML? (8)
Aunque rara vez los veo en sitios web modernos, sus clientes parecen utilizarlos en sus campañas de correo electrónico. Sin embargo, me he dado cuenta y confirmed que hay algunos problemas de escala con el sistema de coordenadas en los dispositivos móviles.
** Sé que este hilo es viejo, solo estaba haciendo una investigación adicional sobre esto para un reciente problema de campaña de correo electrónico y pensé que podría ayudar a alguien más en el futuro.
¿La gente todavía usa los viejos mapas de imágenes HTML? Los que tienen:
<map name="test" id="test">
<area shape="poly" alt="" title="" coords=...
¿O hay una alternativa más nueva y mejor?
El mapa de imagen es una opción bastante interesante en html y html5, todavía se usan y personalmente me encanta. Por lo tanto, creo que issuse en dispositivos móviles mi problema está relacionado con la ampliación
sí, tengo experiencia en mí mismo, sin embargo, soy un estudiante inscrito en html html5 y, para begineers, me gustaría seguir el enlace w3chools
http://www.w3schools.com/html/html_images.asp
ganarás mucho de esta [página
Los mapas de imagen todavía están en especificaciones HTML5, compatibles con todos los navegadores.
Se pueden adaptar al diseño receptivo utilizando jQuery RWD Image Maps: https://github.com/stowball/jQuery-rwdImageMaps
Detecta y cambia automáticamente el tamaño de las coordenadas de los mapas de imágenes.
También está disponible para desarrolladores de Wordpress como complemento: http://wordpress.org/plugins/responsive-image-maps/
Solución simple y efectiva.
Sí, las personas todavía usan mapas de imágenes. Una alternativa sería colocar elementos usando posicionamiento absoluto y CSS, pero eso no es necesariamente mejor. Tampoco le permite tener formas como en los mapas de imágenes
Sí, los mapas de imágenes html son buenos, especialmente si desea que su área sea un polígono. Puede agregar efectos de rollover a su mapa también con javascript. Aquí hay un buen tutorial y demostración:
http://www.tutorialized.com/view/tutorial/Image-Map-Rollover/3484
Sí, todavía uso mapas de imágenes, sin embargo, mi último proyecto utilizó Raphaël. Fue bastante fácil hacer funcionar algo.
http://dmitrybaranovskiy.github.io/raphael/
Desde su sitio web:
Raphaël [''ræfeɪəl] utiliza la Recomendación SVG W3C y VML como base para crear gráficos. Esto significa que cada objeto gráfico que crees también es un objeto DOM, por lo que puedes adjuntar controladores de eventos JavaScript o modificarlos más tarde. El objetivo de Raphaël es proporcionar un adaptador que haga que el dibujo vectorial sea compatible y fácil de usar.
Buen ejemplo de mapa de imagen simple:
Una solución alternativa al uso de CSS o mapas de imágenes sería hacer uso de gráficos SVG incrustados en el HTML dom.
En este tutorial se describe un tutorial sobre cómo lograr los efectos de mouseover utilizando esta técnica: http://www.petercollingridge.co.uk/data-visualisation/mouseover-effects-svgs
La clave es que los elementos SVG también desencadenan eventos dom tradicionales incluyendo onmouseover y onmouseout .
Están en la especificación HTML5 , por lo que no quedarán obsoletos.
Todavía puede usarlos libremente, sin duda todavía tienen su lugar en el desarrollo web. O podría decir que existen raras ocasiones donde puedes resolver mejor algo con un mapa de imágenes.