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:渐变配置

|属性名|数据类型|功能说明|默认值 |:-:|:-:|:-:|:-:| |type|String|渐变类型|linear:线性渐变，radial:径向渐变| |dir|Array|渐变属性值|[开始x坐标,开始y坐标,结束x坐标,结束y坐标]参考| |colors|Array|渐变颜色|['#xxx','#xxx']|

border:线条配置

|属性名|数据类型|功能说明|默认值 |:-:|:-:|:-:|:-:| |width|Number|线条宽度|| |colors|Array|线条渐变颜色|['#xxx','#xxx']|

    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}