Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
<svg width="200" height="150" xmlns="http://www.w3.org/2000/svg"> <defs> <clipPath id="hex"> <polygon points="100,10 180,50 180,130 100,170 20,130 20,50"/> </clipPath> </defs> <image href="photo.jpg" x="20" y="10" width="160" height="160" clip-path="url(#hex)"/> </svg>
Result
Open