社区文档构建进行中,欢迎编辑。社区答疑群(非官方):717421103

全站通知:

Widget:三角边框图

来自WIKI实验室WIKI_BWIKI_哔哩哔哩
跳到导航 跳到搜索

<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>