I agree. Svg is not only providing responsive design, but it is also so much more flexible! Svg is probably still the most underrated feature in web design. The only drawback is that you do not find too many advanced samples in the internet. So, if you like, have a look at my website hegel.net for a sample on how to implement an svg based „imagemap“. Search in the code for the svg tag and within it for the xlink:href code. Enjoy!
We're a place where coders share, stay up-to-date and grow their careers.
To me, map is quite a throwback! People used them for fanciful literal "site maps" on their personal home pages.
You are absolutely right! However I was not aware of it until I figured out about it.. Hence the inclusion... 😁
Thanks Katie for reading the article!
Yes, I had to switch from <map> to <svg> to get the same results in a responsive design.
I agree. Svg is not only providing responsive design, but it is also so much more flexible! Svg is probably still the most underrated feature in web design. The only drawback is that you do not find too many advanced samples in the internet. So, if you like, have a look at my website hegel.net for a sample on how to implement an svg based „imagemap“. Search in the code for the svg tag and within it for the xlink:href code. Enjoy!