设置svg：image的圆角

“边界半径”不适用于svg：image元素（无论如何）。一种解决方法是创建带有圆角的矩形，并使用剪切路径。

来源的相关部分：

<defs>    <rect id="rect" x="25%" y="25%" width="50%" height="50%" rx="15"/>    <clipPath id="clip">      <use xlink:href="#rect"/>    </clipPath>  </defs>  <use xlink:href="#rect" stroke-width="2" stroke="black"/>  <image xlink:href="boston.jpg" width="100%" height="100%" clip-path="url(#clip)"/>

也可以创建多个rect元素，而不是使用

<use>