Star
绘制车标、星光、五角星、多角星形。
关键属性
width: number
宽度。
height: number
高度。
points: number
星形的顶点数,取值范围为 >=3。
innerRadius: number
内半径比例,默认 0.382,取值范围为 0.0 ~ 1.0。
ts
// 五角星
points: 5
innerRadius: 0.382
示例
绘制车标
ts
import { Leafer, Star } from 'leafer-ui'
const leafer = new Leafer({ view: window })
const star = new Star({
width: 100,
height: 100,
points: 3,
innerRadius: 0.15,
fill: 'rgb(50,205,121)'
})
leafer.add(star)
绘制星光
ts
import { Leafer, Star } from 'leafer-ui'
const leafer = new Leafer({ view: window })
const star = new Star({
width: 100,
height: 100,
points: 4,
innerRadius: 0.1,
fill: 'rgb(50,205,121)'
})
leafer.add(star)
绘制五角星
ts
import { Leafer, Star } from 'leafer-ui'
const leafer = new Leafer({ view: window })
const star = new Star({
width: 100,
height: 100,
points: 5,
fill: 'rgb(50,205,121)'
})
leafer.add(star)