绘画工具：直线、圆形、矩形、橡皮擦、文本框
draw.js
简介
绘画工具：直线、圆形、矩形、橡皮擦、文本框、拾色器
预览请狠狠地点这里
示例const draw = new Draw(document.querySelector('xxx'), {
className: 'drawarea',
toolbar: 'color line rectangle circle eraser textarea fontSize',
fontSize: {
list: [12, 14, 16, 18, 20, 24, 28, 32, 36, 40],
value: 14
},
style: {
lineWidth: 5, // 线条长度
strokeStyle: '#B71C1C', // 线条颜色
shadowColor: 'rgba(0,0,0,0)', // 阴影颜色
shadowOffsetX: 0, // 阴影X轴偏移
shadowOffsetY: 0, // 阴影Y轴偏移
shadowBlur: 10, // 模糊尺寸
lineCap: 'round', // 线条样式
}
})
// 输入
draw.input(imgSrc)
// 输出
draw.output().then(base64data => {
console.log(base64data)
})
命令行
# 本地运行
yarn serve
# 构建开发环境包
yarn build:dev
# 构建生产环境包
yarn build
# 代码格式检查并自动修复
yarn lint
版权声明：
1、该文章(资料)来源于互联网公开信息，我方只是对该内容做点评，所分享的下载地址为原作者公开地址。2、网站不提供资料下载，如需下载请到原作者页面进行下载。
