Widget:三角边框图

<svg width="100" height="100" viewBox="-5 -5 110 110">

 <defs>
   <clipPath id="triangle">
     <polygon stroke-linejoin="round" points="5,0 95,0 100,10 55,90 45,90 0,10"/>
   </clipPath>
 </defs>
 <image xlink:href=".png" width="100" height="120" x="0" y="-20" clip-path="url(#triangle)"/>
 <polygon stroke-linejoin="round" points="5,1 95,1 100,10 55,90 45,90 0,10" fill="none" stroke="#88c35b" stroke-width="5"/>

</svg>