Frame
创建画板。继承自 Box,默认白色背景、会裁剪掉超出宽高的内容,类似于 HTML5 中的页面。
关键属性
width: number
宽度。
height: number
高度。
fill: string
| Paint
| Paint
[]
默认白色背景。
overflow: IOverflow
如何显示超出宽高的内容,默认为 hide。
ts
type IOverflow = 'show' | 'hide'
继承
Box
示例
创建画板
ts
import { Leafer, Frame, Ellipse } from 'leafer-ui'
const leafer = new Leafer({ view: window, fill: 'gray' })
const frame = new Frame({
width: 100,
height: 100
})
const rect = new Ellipse({
x: 60,
y: 60,
width: 50,
height: 50,
fill: '#32cd79',
draggable: true
})
leafer.add(frame)
frame.add(rect)