opacity

元素的不透明度。

设置组透明度时，子元素可作为一个整体进行透明，不会产生透明重叠效果。

关键属性

opacity: number

元素的不透明度，取值范围为 0 ～ 1， 默认为 1。

计算属性（只读）

worldOpacity: number

元素在全局视图中的不透明度（会受父元素影响）。

当 visible 为 false 时，此属性值为 0。

归属

UI 元素

示例

设置不透明度

Leafer

// #设置不透明度 (Leafer)
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.opacity = 0.5

}, 1000)

App

// #设置不透明度 (App)
import { App, Rect } from 'leafer-ui'
import '@leafer-in/editor' // 导入图形编辑器插件
import '@leafer-in/viewport' // 导入视口插件 (可选)

const app = new App({ view: window, editor: {} })

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

app.tree.add(rect)

setTimeout(() => {

    // 设置不透明度
    rect.opacity = 0.5

}, 1000)