Canvas Editor

A project using React framework and HTML5 Canvas to create a graphicial editor

• Version 0.0.1

Demo Page

Features

• Draw a square, circle or triangle
• Clear the canvas
• Input size, x and y offsets, fill color, stroke color
• Visual menu
• Dynamic input based on type of shape selected
• Dynamic resize of drawing canvas based on window size
• Menu shapes change fill and stroke color based on user input

Known Bugs

• Triangle button doesn't change fill and stroke color as expected (CSS hack for shape)

This project was bootstrapped with Create React App.

To run your own copy:

git clone https://github.com/jbratcher/canvas_editor.git

cd canvas_editor

npm install

npm run start