https://github.com/vipstone/drawingboard

高级画板—自由绘、直/虚线、箭头、所有几何图形
https://github.com/vipstone/drawingboard

fabricjs js

Last synced: 2 months ago
JSON representation

高级画板—自由绘、直/虚线、箭头、所有几何图形

• Host: GitHub
• URL: https://github.com/vipstone/drawingboard
• Owner: vipstone
• Created: 2018-02-11T08:44:13.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2018-06-27T08:35:35.000Z (over 6 years ago)
• Last Synced: 2024-08-01T05:16:28.884Z (5 months ago)
• Topics: fabricjs, js
• Language: JavaScript
• Homepage: https://vipstone.github.io/drawingboard/drawingboard/index.html
• Size: 5.85 MB
• Stars: 697
• Watchers: 14
• Forks: 188
• Open Issues: 6
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-canvas - drawingboard - Advanced Sketchpad - freehand, straight / dashed lines, arrows, all geometry.   (Libraries / Drawingboard)

README

        
## 简介 ##

基于canvas的高级画板程序.

## 在线演示 ##

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

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

## 功能 ##

- 全局绘制颜色选择


- 护眼模式、网格模式切换


- 自由绘制


- 画箭头


- 画直线


- 画虚线


- 画圆/椭圆/矩形/直角三角形/普通三角形/等边三角形


- 文字输入


- 图片展示及相关移动、缩放等操作


- 删除功能


- 支持画板同比缩放

- 支持图形即时显示

## 高级功能 ##


 按Shift键，画垂直、水平直线；


 按Shift键，椭圆和正圆自由切换；


 按Shift键，等腰三角形和等边自由切换；


 按Shift键，等边直角三角形和直角三角形自由切换；


 按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)







各位大侠如果觉得不错，欢迎点击star!

## todo ##

mac下样式问题兼容

添加撤销功能