# drawingboard

**Repository Path**: bitorjs/drawingboard

## Basic Information

- **Project Name**: drawingboard
- **Description**: 高级画板—自由绘、直/虚线、箭头、所有几何图形
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 4
- **Forks**: 0
- **Created**: 2020-08-21
- **Last Updated**: 2024-07-15

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 简介 ##
基于canvas的高级画板程序.

## 在线演示 ##

高级画板：https://vipstone.github.io/drawingboard/drawingboard/index.html

作业批改：https://vipstone.github.io/drawingboard/drawingboard/check.html

## 功能 ##
- 全局绘制颜色选择<br />
- 护眼模式、网格模式切换<br />
- 自由绘制<br />
- 画箭头<br />
- 画直线<br />
- 画虚线<br />
- 画圆/椭圆/矩形/直角三角形/普通三角形/等边三角形<br />
- 文字输入<br />
- 图片展示及相关移动、缩放等操作<br />
- 删除功能<br />
- 支持画板同比缩放
- 支持图形即时显示

## 高级功能 ##
<br /> 按Shift键，画垂直、水平直线；
<br /> 按Shift键，椭圆和正圆自由切换；
<br /> 按Shift键，等腰三角形和等边自由切换；
<br /> 按Shift键，等边直角三角形和直角三角形自由切换；
<br /> 按Shift键，正方形和长方形自由切换；

**附fabric.js使用笔记：**[点击打开](https://github.com/vipstone/drawingboard/blob/master/fabricjs%E4%BD%BF%E7%94%A8%E7%AC%94%E8%AE%B0.md)



## 功能预览 ##
![](https://raw.githubusercontent.com/vipstone/drawingboard/master/drawingboard/image/demoPreview.gif)


<br />
<br />
<font color=red size=4 face="宋体">各位大侠如果觉得不错，欢迎点击star!</font>

## todo ##

mac下样式问题兼容

添加撤销功能