sgr-coderChen/vue-h5-drawing-board

vue canvas移动端画板 简单demo

vue-h5-drawing-board

vue移动端 canvas实现简单的画板 支持H5,PC

Install

npm i vue-drawing-board-ch
// or
yarn add vue-drawing-board-ch

Quick Start

import Vue from 'vue'
import DrawingBoard from 'vue-drawing-board-ch'

Vue.use(DrawingBoard)

// or 组件内使用
import DrawingBoard from 'vue-drawing-board-ch'

export default {
  components: { DrawingBoard }
}

<DrawingBoard />

Build Setup

// 安装依赖
npm install
 
// 运行调试
npm run serve

// 打包输出 umd 依赖包
npm run lib

效果图

参考项目

https://github.com/curtainTan/drawing-board

https://github.com/zhoushuozh/drawingborad

https://github.com/picotincc/white-board

https://github.com/xiaokaike/vue-color