1.0.4 • Published 1 year ago
circle(src, color, width, height) 【带箭头圆形对话泡】
| 属性名 | 数据类型 | 功能说明 | 默认值 |
|---|
| src | String | 图片地址 | '' |
| color | String | 对话泡底色 | '' |
| width | Number | 宽度 | 40 |
| height | Number | 高度 | 60 |
circle('xxx.png','#xxx',80,120) // Promise => {width:80,height:120,data:base64}
round(src, color , width, height, radian) 【带箭头圆角方形对话气泡】
| 属性名 | 数据类型 | 功能说明 | 默认值 |
|---|
| src | String | 图片地址 | |
| color | String | 对话泡底色 | #09b99c |
| width | Number | 宽度 | 200 |
| height | Number | 高度 | 100 |
| radian | Number | 圆角 | 10 |
round('xxx.png','#xxx',400,200，20) // Promise => {width:400,height:200,data:base64}
drawButton（drawOption）【带箭头循环角按钮】
drawOption：
| 属性名 | 数据类型 | 功能说明 | 默认值 |
|---|
| src | String/Array | 循环图片链接地址 | '' |
| srcWidth | Number | 循环图宽高 | |
| width | Number | 对话气泡宽度 | |
| height | Number | 对话气泡高度 | |
| gradient | Object | 背景配置 | |
| border | Object | 线条配置 | |
| radius | Number/Array | 圆角配置 | |
gradient:渐变配置
border:线条配置
let img = await drawButton({
src: ['/lt.png', '', '/lt.png', ''],
width: 400,
height: 200,
gradient: {
type: 'linear',//'radial',
dir: '',
colors: ['#03375f', '#001e46']
},
border: {
width: 5,
colors: ['#ff7d21']
},
srcWidth: 20,
// gradientType: 'radial',
// gradientDir: null,
// gradientColors: ['#FF000050', '#0000FF50','#FF000050'],
radius: [20, 0, 20, 0]
}) // {width:400,height:200,data:base64}