html5-svg标签使用基础一

1.html5-svg 标签画圆(circle )


cx 和 cy 属性定义圆点的 x 和 y 坐标。如果省略 cx 和 cy,圆的中心会被设置为 (0, 0)r 属性定义圆的半径  stroke边框颜色。


<svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg">

<circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red"/>

</svg>



2.html5-svg 标签画椭圆 (ellipse )


cx 属性定义圆点的 x 坐标、cy 属性定义圆点的 y 坐标、rx 属性定义水平半径、ry 属性定义垂直半径


<svg width="100%" height="300px" version="1.1" xmlns="http://www.w3.org/2000/svg">
<ellipse cx="300" cy="90" rx="200" ry="80" style="fill:rgb(200,100,50); stroke:rgb(0,0,100);stroke-width:2"/>
</svg>



评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值