Drawings - simple webpage using Canvas

Check: View Drawings

Description

Training project as part of Bootcamp CodersCamp. Created to memorize the theoretical material and checked practical skills (from section: Introduction to JavaScript programming).

Testing variables, primitive & reference data types, operators, iterations, conditional statement and loops.

Additionally checking Canvas possibilities.

Technologies

Project is created with:

• JavaScript (ES5+)
• CSS3
• HTML5 including Canvas

Instruction

Status: in progress

To improve

• Brush positioning relative to the mouse cursor position and different screen size.
• Touch events for mobile devices.
• Scaling canvas image during changing view size.
• Scrolling preventing during drawing on mobile devices.

Sources

• Canvas - tworzymy Painta,
• Let's build something fun with HTML5 Canvas,
• Using Touch Events with the HTML5 Canvas.

Credits

• background image Unsplash