https://github.com/dexterklui/doraemon-canvas
Doraemon-themed Drawing Canvas
https://github.com/dexterklui/doraemon-canvas
bootcamp-project html-css-javascript html5-canvas pure-html5-css3-javascript
Last synced: 9 months ago
JSON representation
Doraemon-themed Drawing Canvas
- Host: GitHub
- URL: https://github.com/dexterklui/doraemon-canvas
- Owner: dexterklui
- Created: 2023-07-29T03:20:36.000Z (almost 3 years ago)
- Default Branch: master
- Last Pushed: 2023-08-20T16:49:32.000Z (almost 3 years ago)
- Last Synced: 2023-10-02T00:01:00.358Z (almost 3 years ago)
- Topics: bootcamp-project, html-css-javascript, html5-canvas, pure-html5-css3-javascript
- Language: JavaScript
- Homepage: https://dexterklui.github.io/doraemon-canvas/
- Size: 533 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
---
title: Doraemon Canvas
date: 2023-08-16
groupmates:
- Doreen (Kwok Mei Kwan)
- Kelsey (Wong Sze Wing)
- Dexter (Lui Ka On)
---
This is a project assignment for "CA x Xccelerate Front-end Developer Bootcamp
2023". The product is a Doraemon-themed drawing canvas.
# Keyboard Shortcuts
| Shortcut | Description |
| --------- | ----------------------- |
| `` | Toggle zoom |
| `A` | Add image |
| `B` | Cubic bezier curve |
| `C` | Circle |
| `E` | Eraser |
| `F` | Free drawing |
| `I` | Irregular polygon |
| `L` | Ellipse |
| `M` | Move a rectangular area |
| `R` | Rectangle |
| `T` | Input text |
| `P` | N-sided regular polygon |
| `Q` | Quadratic curve |
| `S` | Straight line |
| `U` | Cubic bezier curve |
| `Ctrl+C` | Clear canvas |
| `Ctrl+Z` | Undo |
| `Ctrl+Y` | Redo |