Skip to content

控件子集

sticks 用来控制显示哪些缩放触点和旋转触点。默认显示 8 个缩放触点和 angle 旋转触点。

vue
<vdr :sticks="['tl', 'tr', 'br', 'bl', 'angle']" />

可选值

位置
tl左上
tm上中
tr右上
mr右中
br右下
bm下中
bl左下
ml左中
angle旋转控件

常见组合

只保留四角缩放:

vue
<vdr :sticks="['tl', 'tr', 'br', 'bl']" />

只允许旋转:

vue
<vdr :sticks="['angle']" :resizeable="false" />

隐藏所有控件:

vue
<vdr :sticks="[]" />

sticks 只控制控件是否渲染;是否允许拖拽、缩放、旋转分别由 draggableresizeablerotateable 控制。

在线交互见 示例 · 控件子集