Polygon
绘制三角形、菱形、五边形、多边形。
关键属性
width: number
宽度。
height: number
高度。
sides: number
多边形的边数,取值范围为 >=3。
ts
// 五边形
sides: 5
示例
绘制三角形
ts
import { Leafer, Polygon } from 'leafer-ui'
const leafer = new Leafer({ view: window })
const polygon = new Polygon({
width: 100,
height: 100,
sides: 3,
fill: 'rgb(50,205,121)'
})
leafer.add(polygon)
绘制菱形
ts
import { Leafer, Polygon } from 'leafer-ui'
const leafer = new Leafer({ view: window })
const polygon = new Polygon({
width: 100,
height: 100,
sides: 4,
fill: 'rgb(50,205,121)'
})
leafer.add(polygon)
绘制五边形
ts
import { Leafer, Polygon } from 'leafer-ui'
const leafer = new Leafer({ view: window })
const polygon = new Polygon({
width: 100,
height: 100,
sides: 5,
fill: 'rgb(50,205,121)'
})
leafer.add(polygon)