Usar Canvas o SVG?

[Rafael]

Emprear, lo que noto es que con estos ejemplos css... mejor dicho divs, solo ocupan áreas cuadradas, lo que nos lleva a la exactitud o detalle del mapa.

Ahora. Los Tags area y map no son viejos (ni obsoletos ni depreciados), siguen presentes en la (WD) especificación html5.

De que puede tener un status mouseover con JavaScript puede. Pero como sustituye completamente el img original supongo que es lo que le da la sensación de primitivo. A ver si alguien por ahí descubre un Jquery para sustituir zonas parciales de una imagen.

Los 4 apectos que creo, a tomar en cuenta son
1) Exactitud/detalle de las zonas seleccionables.
2) El status/interacción Mouseover/click.
3) El detalle de la imagen/mapa.
4) Compatibilidad.

Quizá con esto se pueda decidir o encontrar alternativas.

Los candidatos son:
a) Map
b) SVG
c) Canvas
d) Divs/css

Por ejemplo.
SVG queda atrás (creo) en detalle de la imagen y en compatibilidad.
Los divs quedan atrás en exactitud y tienen cierto riesgo de descuadrarse.
De canvas no tengo ni idea... sería bueno ver alternativas.
Map se queda atrás en interacción mouseover, a menos que haya esteroides Jquery por ahí.

Interesante tema...