Skip to content

Instantly share code, notes, and snippets.

Last active Apr 24, 2020
What would you like to do?
A simple example of responsive image maps with HTML and SVG
<!DOCTYPE html>
<title>SVG image maps</title>
<!-- -->
<!-- -->
<!-- width can be any value, set here or in CSS, to make this responsive -->
<svg viewBox="0 0 1536 1024" width="50%">
<image width="1536" height="1024" xlink:href=""></image>
<a xlink:href="" class="washington">
<!-- rect, circle, ellipse, polygon, path -->
<rect x="300" y="125" width="250" height="300" />
<a xlink:href="" class="jefferson">
<rect x="550" y="225" width="200" height="300" />
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment