Skip to content

Instantly share code, notes, and snippets.

@devdays

devdays/svg-clipping.html

Created November 30, 2014 22:35
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save devdays/1e1e949bf68297606c12 to your computer and use it in GitHub Desktop.
Save devdays/1e1e949bf68297606c12 to your computer and use it in GitHub Desktop.
Download ZIP
SVG Clipping
Raw
svg-clipping.html
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<svg>
<clipPath id="cut-off-bottom">
<rect x="0" y="0" width="200" height="100" />
</clipPath>
<circle cx="100" cy="100" r="100" clip-path="url(#cut-off-bottom)" />
</svg>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment