Skip to content
导航

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)

继承

UI

API

Polygon

Released under the MIT License.