html5 - 为什么svg中的矩形绘制边框的时候，底边框不显示？
本文介绍了html5 - 为什么svg中的矩形绘制边框的时候，底边框不显示？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
问 题
<!DOCTYPE html>
<html>
<body>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
<rect x="50" y="20" rx="20" ry="20" width="150" height="150" style="fill:red;stroke:black;stroke-width:5;opacity:0.5" />
</svg>
</body>
</html>
解决方案
你画的东西超出父元素<svg>的尺寸了（默认是300*150），手动给它设置一个更大的尺寸就行了
这篇关于html5 - 为什么svg中的矩形绘制边框的时候，底边框不显示？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
