Building a Drawing App with HTML5 Canvas

64 CQ
16 Lessons
Course Info
Previous...
  • Playing
    3 CQ
    11. Line Width Control in HTML5 Drawing App
    A lesson with Web Tunings
    View lesson

    Praveen Kumar guides you through adding a range control to the HTML5 drawing app so users can change the width of the lines in their drawings.

    Line Width Control in HTML5 Drawing App
    with Web Tunings

    Praveen Kumar guides you through adding a range control to the HTML5 drawing app so users can change the width of the lines in their drawings.

  • Playing
    5 CQ
    12. Color Controls in an HTML5 Drawing App
    A lesson with Web Tunings
    View lesson

    Building on the drawing app from previous lessons, add two more controls for color: fill and stroke. Users will be able to select colors with a bit more code.

    Color Controls in an HTML5 Drawing App
    with Web Tunings

    Building on the drawing app from previous lessons, add two more controls for color: fill and stroke. Users will be able to select colors with a bit more code.

  • Playing
    4 CQ
    13. Line Cap Control in HTML5 Drawing App
    A lesson with Web Tunings
    View lesson

    Learn how to take your HTML5 drawing app up another level by creating a lineCap control that allows users to select the cap style when drawing.

    Line Cap Control in HTML5 Drawing App
    with Web Tunings

    Learn how to take your HTML5 drawing app up another level by creating a lineCap control that allows users to select the cap style when drawing.

  • Playing
    4 CQ
    14. Canvas Controls in HTML5 Drawing App
    A lesson with Web Tunings
    View lesson

    Praveen Kumar shows you how to add two more controls to your HTML5 drawing app: a color selector and a button to clear the canvas. Create a clean slate today!

    Canvas Controls in HTML5 Drawing App
    with Web Tunings

    Praveen Kumar shows you how to add two more controls to your HTML5 drawing app: a color selector and a button to clear the canvas. Create a clean slate today!

  • Playing
    2 CQ
    15. HTML5 Drawing App Optimization
    A lesson with Web Tunings
    View lesson

    In this brief lesson with Praveen Kumar, you'll examine the drawing app in HTML5 canvas, and learn how to fix redundant code with an if/else conditional.

    HTML5 Drawing App Optimization
    with Web Tunings

    In this brief lesson with Praveen Kumar, you'll examine the drawing app in HTML5 canvas, and learn how to fix redundant code with an if/else conditional.

More...
  • Recommended Recommended
  • History & In Progress History
  • Browse Library
  • Most Popular Library

Get Personalized Recommendations

Let us help you figure out what to learn! By taking a short interview you’ll be able to specify your learning interests and goals, so we can recommend the perfect courses and lessons to try next.

Start Interview

    You don't have any lessons in your history.
    Just find something that looks interesting and start learning!

    Comments
    500 characters max