TypeScript Essentials

Chapter 5. Creating a Simple Drawing Application

We have covered a lot of information in a very short period of time. Let's take that information and put it to use; let's build a full application rather than just looking at code samples. We are going to build a web-based drawing application similar to Paint, but it will be hosted in the browser. The topics we will cover in this chapter include:

• Creating the project
• Basic shapes
• Drawing objects on the canvas
• Managing the canvas state and decision making
• Keeping track of the application state

Setting up the project

First things first, we need to create a new project that will host our application and configure the compiler settings. Create a new project in Visual Studio, using the TypeScript project template ...