https://github.com/boompig/paint.js
csc309-a1
https://github.com/boompig/paint.js
Last synced: 29 days ago
JSON representation
csc309-a1
- Host: GitHub
- URL: https://github.com/boompig/paint.js
- Owner: boompig
- Created: 2013-05-31T17:14:06.000Z (about 13 years ago)
- Default Branch: master
- Last Pushed: 2013-09-13T13:04:38.000Z (almost 13 years ago)
- Last Synced: 2024-04-09T22:00:52.281Z (over 2 years ago)
- Language: JavaScript
- Size: 3.4 MB
- Stars: 0
- Watchers: 6
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Paint.js
====================
This is a Paint-clone, though better designed, meant to be run in a browser using the HTML5 canvas.
Submitted for a U of T undergrad course, I wanted to make this an open-source project, for anyone to use, view, and modify as they please. Though I'd like credit =)
This project was written in entirety by me, Daniel Kats. Please, hold your applause.
## Instructions
### Drawing Shapes
Drawing shapes is almost identical to MSPaint or any other drawing program.
1. Select a shape from the left sidebar (one of line, circle, rectangle)
2. Click and drag on the canvas to create the shape, release the mouse button to finish
### Changing Existing Shapes
To change a shape that is already on the canvas, you need to select it with the select tool in the left sidebar.
* To change the colour of a shape, change the colours in the right sidebar. Then press the 'Apply' button
* To change the line width of a shape, change the line width in the right sidebar. Then press the 'Apply' button
* To resize a shape, drag one of the (blue) resize circles, located on the shape vertices
* To move a shape, click within the shape, then drag and drop
* To erase a shape, click the 'Erase Shape' button in the left sidebar
* To copy a shape, click the 'Copy Shape' button in the left sidebar. The new shape will appear next to the previously selected shape
## Libraries Used
* JQuery
* JQuery UI