React Native svg入门

首先安装并链接该库

yarn add react-native-svg

react-native link react-native-svg

常用模块

类型 描述
Svg 承载绘图区域
Circle
Eclipse 椭圆
G 包裹块(个人认为是为了单纯的层次分明)
LinearGradient 线性渐变,可以做颜色的线性渐变效果
RadialGradient 角度渐变,可以做颜色的角度渐变效果
Line 线条
Polyline 多段线
Path 路径,类似的还有CliPath
Polygon 多边框
Rect 矩形
Symbol 定义个视图模块,其他地方可以随意使用该模块(可以通过id标示)
Use 可以获取到Symbol视图模块使用(可以通过href找到模块)
Text 文字信息
TSpan 多行文本
TextPath 文字路径
Defs 个人觉得怎么和G标签一样,就像前端中的div一样
Stop 效果停止位置

常用属性

类型 描述
fill 填充颜色
fillOpacity 填充透明度
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值