destroy

销毁当前元素。

只读属性

destroyed: boolean

元素是否已被销毁。

关键方法

destroy ( )

移除 + 销毁当前元素，如存在子元素也会被遍历销毁。

归属

UI

示例

销毁移除

import { Leafer, Rect } from 'leafer-ui'

const leafer = new Leafer({ view: window })

const rect = Rect.one({ fill: '#32cd79' }, 100, 100, 200, 200)

leafer.add(rect)

setTimeout(() => {

    rect.destroy() // 等同于 rect.remove() => rect.destroy()

}, 2000)

清空元素

import { Leafer, Rect } from 'leafer-ui'

const leafer = new Leafer({ view: window })

const rect = Rect.one({ fill: '#32cd79' }, 100, 100, 200, 200)
const rect2 = Rect.one({ fill: 'blue' }, 300, 100, 200, 200)

leafer.addMany(rect, rect2)

setTimeout(() => {

    leafer.clear() // 清空并销毁所有子元素

}, 2000)

销毁应用

import { Leafer, Rect } from 'leafer-ui'

const leafer = new Leafer({ view: window })

const rect = Rect.one({ fill: '#32cd79' }, 100, 100, 200, 200)

leafer.add(rect)

setTimeout(() => {

    leafer.destroy() // 应用销毁默认为异步方式

}, 2000)