PropertyEvent
元素属性事件,leafer.ready
事件之后才会派发此事件。
想了解事件的用途,请查看 渲染生命周期 图示。
事件名称
PropertyEvent.CHANGE
property.change
关键属性
target: ILeaf
目标对象
attrName: string
属性名称。
oldValue: IValue
旧的值。
newValue: IValue
新的值。
示例
ts
import { Leafer, Rect, LeaferEvent, PropertyEvent } from 'leafer-ui'
const leafer = new Leafer({ view: window })
const rect = new Rect({ x: 100, y: 100, fill: '#32cd79', draggable: true })
leafer.add(rect)
function onReady() {
leafer.on(PropertyEvent.CHANGE, function (e: PropertyEvent) {
console.log(e.target, e.attrName, e.newValue, e.oldValue)
})
rect.fill = 'blue'
}
leafer.on(LeaferEvent.READY, onReady)