0.3.5 • Published 4 years ago
canvas-anno v0.3.5
canvas-anno v0.3.4
Installation
Using npm:
npm install canvas-anno
Using
<div id='cannvas_anno'/>
<script>
const element = document.getElementById('cannvas_anno')
const anno = new AnnoCanvas(element)
anno.config({
paintBrush: 'rect',
color:'red',
selectedColor:'blue',
lineWidth:4,
.
})
</script>
Config
参数 | 说明 | 类型 | 默认值 | 可选值 |
---|---|---|---|---|
paintBrush | 绘画标记类型 | String | '' | 'line'/'circle'/'closed_line'/'dot_line'/'rect'/'straight_line' |
color | 绘画默认颜色 | String | '#f81d22' | - |
selectedColor | 选中默认颜色 | String | '#008dff' | - |
lineWidth | 绘画线条宽度 | Number | 2 | - |
dotLineLimit | 点线默认点数 | Number | 4 | - |
onChange | 数据变化回调 | Function | null | - |
Methods
参数 | 说明 | 返回 | 默认值 | 可选值 |
---|---|---|---|---|
config | 设置配置 | - | - | - |
getData | 获取数据 | tag坐标 | - | - |
clearData | 清除数据与画板 | - | - | - |