WILL ServiceDesk and the Developer Documentation site has been upgraded and is available for general use.

Page tree
Skip to end of metadata
Go to start of metadata

Overview:

This demo implements a simple web drawing app showing how to use HTML5 Pointer Events (HPE). With HPE, you can create an app that is compatible on many popular browsers that detect pen ink, mouse, and touch data using a single unified API. As of this writing, HPE is supported on most, but not all popular browsers. For those browsers that do not support HPE, one solution is to use the older CSS pointer events API, which is also demonstrated in the app.
When you load the sample code, ScribbleDemo.html, into a browser, you will get a drawing canvas, some simple controls, and a field to look at HPE data. The main focus of ScribbleDemo.html is, of course, to scribble with pen ink. Wacom tablets, when properly configured, provide pen ink that includes properties that are used to modify the drawing strokes.

ScribbleDemoHPE.zip

Basics: How to Use the ScribbleDemo.HTML with Wacom Tablets

Using ScribbleDemo.HTML is simple; just follow the steps below:

  • Install a Wacom tablet compatible driver
  • Plug in your Wacom tablet (or attach via Bluetooth)
  • Double-click on the ScribbleDemo.HTML file
  • Use the Wacom tablet pen to start drawing on the page's canvas area

HPE-Supported Browsers

HPE is supported on these platforms and latest versions of these browsers:

  • Windows: IE, Edge, Firefox, and Chroms
  • macOSX: Chrome
  • Android: Chrome

CSS pointer events is supported on these platforms and latest versions of these browsers:

  • Windows: IE, Edge, Firefox, Chrome, Safari
  • iOS: Safari
  • macOSX: Chrome
  • Android: Chrome

HPE-Supported Wacom Tablets

ScribbleDemo.HTML is supported by the following Wacom tablets:

  • Wacom MobileStudio Pro
  • Cintiq product family
  • Intuos product family


  • No labels