Skip to content

Instantly share code, notes, and snippets.

@kkellydesign
Created December 3, 2015 21:38
Show Gist options
  • Save kkellydesign/aaf0f15fb690cf267ce0 to your computer and use it in GitHub Desktop.
Save kkellydesign/aaf0f15fb690cf267ce0 to your computer and use it in GitHub Desktop.
SVG with a mask.svg
Display the source blob
Display the rendered blob
Raw
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 480 230" style="enable-background:new 0 0 480 230;" xml:space="preserve">
<metadata><?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?>
<x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.6-c067 79.157747, 2015/03/30-23:40:42 ">
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
<rdf:Description rdf:about=""/>
</rdf:RDF>
</x:xmpmeta>
<?xpacket end="w"?></metadata>
<g>
<defs>
<polygon id="SVGID_1_" points="480,230 0,186 0,0 480,0 "/>
</defs>
<clipPath id="SVGID_2_">
<use xlink:href="#SVGID_1_" style="overflow:visible;"/>
</clipPath>
<image style="overflow:visible;clip-path:url(#SVGID_2_);" width="480" height="230" xlink:href="41842c779abc355890fac0a33d32e9c4.jpg" >
</image>
</g>
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment