浏览器会形成多大的svg尺寸?

没有定义

<body>
    <svg>
        <circle cx="50" cy="50" r="50"  fill="lightblue"/>
        <line x1="35" y1="30" x2="35" y2="70" stroke-width="5" stroke="white"></line>
        <line x1="65" y1="30" x2="65" y2="70" stroke-width="5" stroke="white"></line>
    </svg>
</body>
<style>
    svg{
        border: 1px solid red;
    }
</style>

上面的代码没有定义,svg的尺寸,请问,它形成的尺寸(红色边界显示),会有多大?

image.png

浏览器根据什么规则,形成这样的大小?

阅读 1.5k
1 个回答

300 * 150

这是默认的画布大小,canvas 也是这样

推荐问题