不用css3,如何实现边框的圆角处理?

Question

不用css3,如何实现边框的圆角处理?我知道就是用背景图片,还有没有其他方法?

Answer 1

采用svg

 <svg width="100" height="100">
    <desc>SVG圆角效果</desc>
    <defs>
        <pattern id="raduisImage" patternUnits="userSpaceOnUse" width="100" height="100">
            <image xlink:href="test.jpg" x="0" y="0" width="625" height="605" />
        </pattern>
    </defs>
    <circle cx="50" cy="50" r="50" fill="url(#raduisImage)"></circle>
</svg>