dragBounds

限制拖动范围。

关键属性

dragBounds?: IBoundsData | 'parent'

限制元素的拖动范围，'parent'表示限制在父元素中拖动（仅允许 Box / Frame 父元素）。

归属

UI

示例

限制元素在 Frame 内拖动

// #限制元素拖动范围 [在 Frame 内拖动]
import { Leafer, Frame, Ellipse } from 'leafer-ui'

const leafer = new Leafer({ view: window, fill: '#333' })

const frame = new Frame({
    width: 200,
    height: 200
})

const rect = new Ellipse({
    width: 50,
    height: 50,
    fill: '#32cd79',
    dragBounds: 'parent', // 限制元素拖动范围 //
    draggable: true
})

leafer.add(frame)
frame.add(rect)