From 3329a4a1c1ab90a2d04a0ce67e22fdc58703ce29 Mon Sep 17 00:00:00 2001 From: Lihy <18710198328@139.com> Date: Sun, 30 May 2021 21:29:46 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E8=AF=B4=E6=98=8E?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 58 ++++++++++++++++++++++++++++++++----------------------- 1 file changed, 34 insertions(+), 24 deletions(-) diff --git a/README.md b/README.md index 237e332..e646a47 100644 --- a/README.md +++ b/README.md @@ -1,24 +1,34 @@ -# mark - -## Project setup -``` -npm install -``` - -### Compiles and hot-reloads for development -``` -npm run serve -``` - -### Compiles and minifies for production -``` -npm run build -``` - -### Lints and fixes files -``` -npm run lint -``` - -### Customize configuration -See [Configuration Reference](https://cli.vuejs.org/config/). +# point + +一款简洁高效的使用canvas实现的图片标注功能组件 + +## 使用方式 + +下载公共组件components中Point组件文件,直接放入需要的项目中即可。 + +### Attributes + +| 参数 | 说明 | 类型 | 可选值 | 默认值 | +| ------------ | ---------------------- | --------------- | ------------- | -------- | +| width | 画布宽度 | string / number | — | 130 | +| height | 画布高度 | string / number | — | 170 | +| imgSrc | 图片地址 | string | — | — | +| top | 图片相对于画布的上边距 | string / number | — | 0 | +| left | 图片相对于画布的左边距 | string / number | — | 0 | +| imgWidth | 图片宽度 | string / number | — | 130 | +| imgHeight | 图片高度 | string / number | — | 170 | +| radius | 圆点半径 | string / number | — | 5 | +| color | 圆点填充颜色 | string | — | red | +| frameColor | 圆点边框颜色 | string | — | \#f3715c | +| continuation | 是否可以连续标注 | Boolean | — | false | +| imgType | 生成的图片格式类型 | string | base64 / blob | base64 | + +### Methods + +| 参数 | 说明 | 回调参数 | +| --------------- | -------------- | ---------- | +| getGeneratedImg | 获取生成的图片 | 生成的图片 | + +## 最后 + +持续更新中,感谢大家的支持! \ No newline at end of file