This sample demonstrates how to use ink functionality (such as, capturing, manipulating, and interpreting ink strokes) in Windows Store apps using JavaScript.
Specifically, this sample covers using the Windows.UI.Input.Inking APIs to:
- Render ink strokes
- Save and load ink strokes
- Copy and paste ink strokes
- Select ink strokes
- Delete ink strokes
- Recognize handwriting from ink strokes
- Search for a string within recognition results
Note Read the following instructions before using the app.
- Draw ink strokes with a tablet pen.
- Activate the app bar for color pickers, line selectors, and other functions.
- In Erase mode, a stroke deletes all strokes that it touches. If the pen has an eraser, it erases strokes (switching back to the pen tip exits erase mode).
- In Select mode, a stroke selects all strokes that it encompasses. Exit
Select mode by choosing another function on the app bar.
Note Ink color or width is applied to all selected strokes and highlight color or width is applied to all selected highlights.
- In Recognition mode, all (or only selected) strokes are processed through handwriting recognition. After recognition has completed:
- View the primary text candidate(s) near the top of the screen.
- Tap on a word to show all text candidates for that word.
- Use Find to search for a string within the recognition results.
- Delete all strokes (or only selected strokes) by pressing the Erase button.
- Press the More button to:
- Use Copy to copy selected strokes onto the clipboard.
- Use Paste to paste strokes from the clipboard.
- Use Save and Load to read and write Ink Serialized Format (ISF) files to the Libraries or Pictures folder or both.
-
All buttons and menu choices can be activated with mouse, pen, or touch.
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
- Getting started with apps
- Responding to pen and stylus interactions
- Responding to user interaction
- Windows 8 app samples
- Samples
- Input: Simplified ink sample
- Reference
- Windows.UI.Input.Inking
Operating system requirements
| Client | |
|---|---|
| Server |
Build the sample
- Start Visual Studio 2013 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.