leafer-ui icon indicating copy to clipboard operation
leafer-ui copied to clipboard

如何监听节点尺寸改变呢?

Open roffer-d opened this issue 1 year ago • 4 comments

我想监听元素大小改变的事件,类似window.onresize这样的事件

我用 ResizeEvent.RESIZE,不执行,不知道哪里弄错了

const frameGroup = new Group({ editable: true })

const json = { "x": 120, "y": 0, "children": [ { "tag": "Rect", "x": 100, "y": 100, "width": 200, "height": 200, "editable": true, "cornerRadius": 4, "stroke": "#1f6fac", "strokeWidth": 15, } ] }

frameGroup.set(json)

frameGroup.on(ResizeEvent.RESIZE, e => { //拖动大小后,未执行 console.log(e) })

roffer-d avatar Nov 22 '24 08:11 roffer-d

监听属性变化: https://www.leaferjs.com/ui/reference/event/basic/Property.html

leaferjs avatar Nov 22 '24 08:11 leaferjs

监听属性变化: https://www.leaferjs.com/ui/reference/event/basic/Property.html

感谢,这样是能解决的。只是这样的话,只要属性值有变化就都会执行,但实际情况,我只是想在尺寸变化之后执行,或者说能不能只监听width、height变化,这样就更好了。

roffer-d avatar Nov 22 '24 09:11 roffer-d

后面可以支持一下resize事件

leaferjs avatar Nov 26 '24 12:11 leaferjs

后面可以支持一下resize事件 👍

roffer-d avatar Nov 27 '24 02:11 roffer-d