Appearance
CanvasAutograph 签名组件
何时使用
- 需要通过 canvas 签名并且保存的时候使用
代码演示
vue
<script setup>
import { CanvasAutograph } from '@xiaomh/vue3-alan-vite-component';
</script>
<template>
<CanvasAutograph></CanvasAutograph>
</template>
<style></style>
<script setup>
import { CanvasAutograph } from '@xiaomh/vue3-alan-vite-component';
</script>
<template>
<CanvasAutograph></CanvasAutograph>
</template>
<style></style>
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10
API
属性说明
| 属性 | 说明 | 类型 | 默认值 | 版本 |
|---|---|---|---|---|
| config | config 配置属性 | Object | {} | 1.2.0 |
config 属性说明
| 属性 | 说明 | 类型 | 默认值 | 版本 |
|---|---|---|---|---|
| width | 宽度 | number | 400 | 1.2.0 |
| height | 高度 | number | 200 | 1.2.0 |
| lineWidth | 线宽 | number | 3 | 1.2.0 |
| strokeStyle | 线条颜色 | string | red | 1.2.0 |
| lineCap | 设置线条两端圆角 | string | round | 1.2.0 |
| lineJoin | 线条交汇处圆角 | string | round | 1.2.0 |