Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

 SVGs are a useful HTML tool for making interactive images with dynamic link overlays.  

...

They work similarly to an HTML image map, but they’re more versatile — they’re scalable which means you can set a certain aspect ratio and it will adapt to the space its in on the site and adjust accordingly. It’s great when you’re developing apps to be used on devices with different resolutions — like a site that is to be viewed on tablets, phones, and computers.  

 

W3Schools has a great resource on this. Here’s some sample code using an imported image and overlaying interactive links: 

...