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)