This is a simple and easy-to-use web application used to do simple geometry shape drawing. This Project originates from our computer program language practise
course assignment.
However, our teacher asked us to code this with VC++
. It is tedious to write too many urgly code in C++
as C++
is good at operating performance but it is not a good choice for build GUI application. Fortunately, when a student asked "if he can use other program language such as Python rather than C++", she said "you'd better try with C++ before trying with Python" which tactfully told us that it is ok to use other language. So I made this with javascript
.
And you can try it now by click here.
Features | Status |
---|---|
Add shape(equivalent to draw a shape:satisfied:) | ✔️ |
Drag, Scale, Rotate | ✔️ |
Edit color of stroke and background of shape | ✔️ |
Line, Rectangle, Circle, Ellipse | ✔️ |
Triangle | 👀 |
Features | Status |
---|---|
Delete a shape with right-click menu | ✔️ |
Clone a shape with right-click menu | ✔️ |
Screenshot and download | 🚧 |
Github and blog link | ✔️ |
Support mobile devices | 🚧 |
Free draw with pencil | 🚩 |
Ink stroke recognition | 🚩 |
🚩: means "flag" here
I really want to try developing a Ink stroke recognition
algorithms using ANN or other ML model to practise what I have self-learned. However, I didn't find a proper dataset and lack of relevant experience.
So, maybe it will always to take long time to implement it and deploy it in the future when the relevant experience is sufficient, but I will try it. Wish my 🚩 will stand here and never fall.
Component | Name | Detail |
---|---|---|
Program Language | JSX(javascript xml) | program and layout |
Frontend framework | React | a MVVM framework for frontend developing |
Style mark language | css | common style sheet |
UI framework | material-ui | a wide-used UI framework in the west |
Component | Name | Detail |
---|---|---|
State Manager | mobx | a lib for state management |
Component Transformer | re-position | a lib implementing the transfrom of ui |
It looks like a 3-years-old children's drawing:joy: