Skip to content

hover

pointer.enter 状态,暂时不支持 Group。

关键属性

hoverStyle: IUIInputData

光标移入时的交互样式, 移出后自动还原。

归属

UI

示例

鼠标移入颜色加深

ts
import { Leafer, Rect } from 'leafer-ui'
import '@leafer-in/state'

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

const rect = new Rect({
    width: 100,
    height: 100,
    fill: 'rgba(50,205,121, 0.7)',
    cornerRadius: 30,
    hoverStyle: { 
        fill: 'rgba(50,205,121, 0.8)'
    }
})

leafer.add(rect)

Released under the MIT License.