https://github.com/algebra-fun/shapealot

This a simple and easy-to-use web application used to do simple geometry shape drawing.
https://github.com/algebra-fun/shapealot

Last synced: over 1 year ago
JSON representation

This a simple and easy-to-use web application used to do simple geometry shape drawing.

• Host: GitHub
• URL: https://github.com/algebra-fun/shapealot
• Owner: Algebra-FUN
• Created: 2020-07-26T03:06:37.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2023-07-11T03:36:50.000Z (almost 3 years ago)
• Last Synced: 2025-01-14T02:44:11.269Z (over 1 year ago)
• Language: JavaScript
• Homepage: https://algebra-fun.github.io/ShapeALot/
• Size: 1.84 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 28
• Metadata Files:
  • Readme: README-zh.md

Awesome Lists containing this project

README

          
# Shape A Lot



## 关于

这是一个简易的图形编辑web应用。项目起源于“计算机语言实习课程作业”。

## 项目需求

原话如下

> 实习内容为完成一个简单的绘图软件，首先绘制直线、园、椭圆、正方形、长方形；其次修改图形的边框颜色和填充色；第三，对绘制的图形进行拖拽，即改变他们在屏幕上的位置；第四，对绘制的图形进行放大缩小；最后，对绘制的图形进行任一角度的旋转操作。

## 使用说明

### 添加新图形

点击右下角按钮 ==> 点击形状即可生成

![](https://gitee.com/Algebra-FUN/ShapeALot/raw/master/img/help-add-bn.png)

### 拖拽、缩放、旋转

鼠标移动至目标形状，即可操作

### 编辑颜色

![](https://gitee.com/Algebra-FUN/ShapeALot/raw/master/img/help-menu.png)

右键点击目标形状，弹出菜单 ==> 点击“编辑颜色”

![](https://gitee.com/Algebra-FUN/ShapeALot/raw/master/img/help-colorize.png)

==> 输入颜色

#### 支持的颜色表达式

| 种类            | 表达式形式                      | 样例                 |

| --------------- | ------------------------------- | -------------------- |

| 颜色英文单词    | [a-z]+                          | black,red,green      |

| 色标（16，256） | #[0-9a-f]{3}或#[0-9a-f]{6}      | #fff,#aabbff,#233666 |

| rgb函数         | rgb(int r,int g,int b)          | rgb(30,60,233)       |

| rgba函数        | rgba(int r,int g,int b,float a) | rgba(30,60,233,0.8)  |