This sample shows how to use various Document Object Model (DOM) pointer events and the MSPointerEvent object in a Windows Store app using JavaScript.
Specifically, this sample covers:
- Using the HTML 5 Canvas element as a 2-D drawing surface.
- Implementing drawing functionality with JavaScript and Cascading Style Sheets (CSS).
- Handling interactions from touch, mouse, and pen/stylus input devices through the following DOM events:
To obtain an evaluation copy of Windows 8.1, go to Windows 8.1.
To obtain an evaluation copy of Microsoft Visual Studio 2013, go to Visual Studio 2013.
Note For Windows 8 app samples, download the Windows 8 app samples pack. The samples in the Windows 8 app samples pack will build and run only on Microsoft Visual Studio 2012.
Related topics
- Windows 8 app samples
- Conceptual
- Pointer and gesture events
- Getting started with apps
- Controls
- HTML 5 Canvas
- Reference
- Document Object Model (DOM) Events
Operating system requirements
| Client | |
|---|---|
| Server |
Build the sample
To build this sample:
- Start Visual Studio and select File > Open > Project/Solution.
- Go to the directory in which you unzipped the sample. Go to the directory named for the sample, and double-click the Microsoft Visual Studio Solution (.sln) file.
- Press F7 or use Build > Build Solution to build the sample.
Run the sample
To debug the app and then run it, press F5 or use Debug > Start Debugging. To run the app without debugging, press Ctrl+F5 or use Debug > Start Without Debugging.