visible

元素的可见性，可用于隐藏元素。

关键属性

visible: boolean | number

元素是否可见， 默认为 true。

设为 false 将会隐藏元素，此时元素仍会占用布局空间。

设为 0 时可不占用布局空间，类似 css 的 display: none。

归属

UI

示例

隐藏元素

// #隐藏元素
import { Leafer, Rect } from 'leafer-ui'

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

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

leafer.add(rect)

setTimeout(() => {

    // 隐藏元素
    rect.visible = false

}, 1000)

隐藏元素，且不占空间

// #隐藏元素，且不占空间
import { Leafer, Rect } from 'leafer-ui'

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

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

leafer.add(rect)

setTimeout(() => {

    // 隐藏元素，且不占空间
    rect.visible = 0

}, 1000)