1
2
3
4
5
6
7
8
9
10
11
12
13
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="600" height="600">
<defs>
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
<use xlink:href="#filterPath" fill="none"/>
</clipPath>
<path id="filterPath" d="M0.4811,0.3964C0.4811,0.4462,0.4389,0.4865,0.3868,0.4865H0.0943C0.0422,0.4865,0,0.4462,0,0.3964L0,0L0.3868,0C0.4389,0,0.4811,0.0403,0.4811,0.0901V0.3964ZM1,0.3964C1,0.4462,0.9578,0.4865,0.9057,0.4865H0.6132C0.5611,0.4865,0.5189,0.4462,0.5189,0.3964L0.5189,0.0901C0.5189,0.0403,0.5611,0,0.6132,0L1,0L1,0.3964ZM0.4811,0.9099C0.4811,0.9597,0.4389,1,0.3868,1L0,1L0,0.6036C0,0.5538,0.0422,0.5135,0.0943,0.5135L0.3868,0.5135C0.4389,0.5135,0.4811,0.5538,0.4811,0.6036V0.9099ZM1,1L0.6132,1C0.5611,1,0.5189,0.9597,0.5189,0.9099L0.5189,0.6036C0.5189,0.5538,0.5611,0.5135,0.6132,0.5135L0.9057,0.5135C0.9578,0.5135,1,0.5538,1,0.6036V1Z">
</path>
</defs>
<svg viewBox="0 0 1 1" id="preview" preserveAspectRatio="none">
<use xlink:href="#filterPath" fill="darkgrey"/>
</svg>
<image xlink:href="" clip-path="url(#clip-path)"/>
</svg>
|
