Project setup

npm install naline-ui

Import

import { DrawWheel, DrawGrid } from 'naline-ui'

Vue.use(DrawWheel)

Vue.use(DrawGrid)

Useage

handleInfo 类型: Object必需: false默认: { size: 8, offset: -5, switch: true }

当使用transform:scale()进行缩放操作时，其中switch为是否让 handle 始终保持视觉效果不变,size为 handle 的大小(宽高相同), offset为 handle 的位置偏移，通常在自定义 handle 样式时需要设置。

<CaptchaButton ref="CaptchaButton" @update="text = $event">
  <div style="width: 200px; height: 100px; font-size: 30px" @click="getCode">
    {{ text }}
  </div>
</CaptchaButton>