前端提高篇(七十):SVG基本使用、基本样式、路径path

效果就是一条红色的线

2.线宽stroke-width是有写px的,不是相对大小

一个椭圆,以透明填充,描边用橘色,线宽20px:

ellipse {

stroke: orange;

fill: transparent;

stroke-width: 20px;

}

3.画折线时,由于默认会填充,所以会把第一个点和最后一个点连起来,然后填充成黑色,就像多边形一样

在这里插入图片描述

把填充色改成透明色看看原来折线的样子

polyline {

stroke: red;

fill: transparent;

}

在这里插入图片描述

4.文字也能添加样式

text {

stroke: red;

font-size:20

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值