
Card: operations for altering the current card or navigating between cards. Some options will change based on the selected Tool (below). Edit: operations for altering the selected item, if any. File: information pertaining to the current deck, or importing and exporting other files. Decker: global features and information, like toggling full-screen mode or exiting the application. In most modal dialogs, the “escape” key will cancel or otherwise exit. Either “control” (PCs) or “command” (Macs) combined with this letter can be used to activate any such shortcut. Menu items showing a caret and a letter to the right (like ^q) have a keyboard shortcut. Most menus remain consistent, but some menus will appear or disappear contextually. Using Deckerĭecker always shows a menu bar across the top of the window.
Widgets are useful out of the box, but writing scripts makes them much more powerful.
A Contraption is a combination of simpler widgets- see Custom Widgets. A Canvas stores an image, and can be drawn on, repositioned or hidden. A Grid stores tabular data, like a little spreadsheet. A Slider represents a single number, chosen within a configurable range. A Field contains text, either as a fixed label or an area you can type in.
A Button makes something happen when you click on it, like playing a sound or taking you to another card.You see the topmost card in the deck, and you can flip to a different card at any time.ĭecker cards can have Widgets interactive elements like buttons: Each card contains different information, organized however you like.
Think of them like a paper index card you can draw on:Ī collection of these cards is called a Deck. Initialize the sketchpad.Decker organizes information on Cards. Create an HTML canvas element for the sketchpad. Import Sketchpad from './lib/sketchpad.js' ģ. Feel free to download and use it in your next project to provide a smooth drawing experience with touch support. A simple and touch-enabled jQuery drawing plugin that allows you to create a sketch pad where you can draw and paint in the browser using mouse and touch gestures.īuilt with jQuery library and HTML5 canvas.