WetCanvas class
Represents a canvas suitable for "wet ink", i.e. an ongoing stroke.
- Extends
| Wet |
Creates a new InkingCanvas instance, attached to the provided HTMLElement. |
| brush | Gets the canvas' brush. |
| canvas | Gets the underlying HTML5 Canvas element. |
| offset | Gets the offset from the canvas' reference point, in pixels. |
| scale | Gets the canvas' scale. Defaults to 1. |
| fade |
Configures the time it takes, in milliseconds, for an InkingCanvas to fade out. |
| highlighter |
Configures the opacity of highlighter strokes. |
| laser |
Configures the opacity of the laser stroke shadow. |
| reference |
The canvas' reference point. |
| add |
Adds a points to the current stroke. |
| begin |
Begins a stroke in the canvas. |
| cancel |
Cancels the current stroke. |
| clear() | Clears the canvas. |
| end |
Ends the current stroke in the canvas. |
| fade |
Fades the canvas out by decreasing its opacity, and eventually removes it from the DOM. |
| remove |
Removes the canvas from the DOM. |
| render |
Renders the specified stroke onto the canvas. |
| resize(number, number) | Resizes this canvas. |
| set |
Sets the current brush for the canvas. |
Creates a new InkingCanvas instance, attached to the provided HTMLElement.
new WetCanvas(_parentElement?: HTMLElement)Parameters
- _parentElement
-
HTMLElement
The HTML element this canvas is attached to. InkingCanvas
dynamically creates an HTML5 Canvas element and adds it as a child to parentElement.
Gets the underlying HTML5 Canvas element.
HTMLCanvasElement canvasProperty Value
HTMLCanvasElement
Gets the offset from the canvas' reference point, in pixels.
Readonly<IPoint> offsetProperty Value
Readonly<IPoint>
Gets the canvas' scale. Defaults to 1.
number scaleProperty Value
number
Configures the time it takes, in milliseconds, for an InkingCanvas to fade out.
static fadeOutDuration: numberProperty Value
number
Inherited From DryWetCanvas.fadeOutDuration
Configures the opacity of highlighter strokes.
static highlighterOpacity: numberProperty Value
number
Inherited From DryWetCanvas.highlighterOpacity
Configures the opacity of the laser stroke shadow.
static laserShadowOpacity: numberProperty Value
number
Inherited From DryWetCanvas.laserShadowOpacity
The canvas' reference point.
referencePoint: CanvasReferencePointProperty Value
Inherited From DryWetCanvas.referencePoint
Adds a points to the current stroke.
function addPoint(p: IPointerPoint)Parameters
The point to add to the current stroke.
Inherited From DryWetCanvas.addPoint
Begins a stroke in the canvas.
function beginStroke(p: IPointerPoint)Parameters
The starting point of the stroke.
Inherited From DryWetCanvas.beginStroke
Ends the current stroke in the canvas.
function endStroke(p?: IPointerPoint)Parameters
Optional. The end point of the stroke. If not specified, the end point is the last one added.
Inherited From DryWetCanvas.endStroke
Fades the canvas out by decreasing its opacity, and eventually removes it from the DOM.
function fadeOut()Inherited From DryWetCanvas.fadeOut
Renders the specified stroke onto the canvas.
function renderStroke(stroke: IStroke)Parameters
- stroke
- IStroke
The stroke to render.
Inherited From DryWetCanvas.renderStroke
Resizes this canvas.
function resize(width: number, height: number)Parameters
- width
-
number
The new width of the canvas, in pixels.
- height
-
number
The new height of the canvas, in pixels.
Inherited From DryWetCanvas.resize
Sets the current brush for the canvas.
function setBrush(value: IBrush)Parameters
- value
- IBrush
The brush.
Inherited From DryWetCanvas.setBrush