Skip to content

Instantly share code, notes, and snippets.

@jfirebaugh
Last active December 14, 2015 17:08
Show Gist options
  • Select an option

  • Save jfirebaugh/5119632 to your computer and use it in GitHub Desktop.

Select an option

Save jfirebaugh/5119632 to your computer and use it in GitHub Desktop.
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<svg width="50" height="50">
<defs>
<clipPath id="12x12">
<rect x=0 y=0 width=12 height=12 />
</clipPath>
<image id="maki" width="306" height="294" xlink:href="img/maki.png" />
<use id="maki-theatre-12" transform="translate(-276,-222)" xlink:href="#maki" />
<use id="maki-beer-12" transform="translate(-294,-168)" xlink:href="#maki" />
<use id="maki-bank-12" transform="translate(-294,-216)" xlink:href="#maki" />
</defs>
<use transform="translate(10,10)" clip-path="url(#12x12)" xlink:href="#maki-theatre-12" />
<use transform="translate(23,34)" clip-path="url(#12x12)" xlink:href="#maki-beer-12" />
<use transform="translate(4,40)" clip-path="url(#12x12)" xlink:href="#maki-bank-12" />
</svg>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment