import Sketchpad from 'formiojs/src/contrib/sketchpad/sketchpad.js'

public class | source

Sketchpad

Extends:

src/components/base/Base.js~Base → Sketchpad

Static Member Summary

Static Public Members
public static	builderInfo: *
public static	editForm: *

Static Method Summary

Static Public Methods
public static	schema(extend: ...):

Constructor Summary

Public Constructor
public	constructor()

Member Summary

Public Members
public get	actions: undefined[]
public	backgroundReady: {"resolve": , "reject": }
public	calculatedValue: *
public	center: *
public	curve: *
public get	dataReady: *
public	dataValue: *
public	deleted: *[]
public	dimensions: {"width": , "height": }
public	dimensionsMultiplier: number
public	disabled: boolean
public	dragEndPoint: *
public	dragLastPoint: *
public	dragStartPoint: *
public	editSketchpad: {"canvas": , "background": }
public	editValue: *
public	editorModal: *
public	editorModalContent: *
public	editorModalFooter: *
public	editorModalHeader: *
public get	emptyValue: *[]
public	height: *
public	layers: *[]
public	line: *
public get	modes: {"pencil": , "line": , "circle": , "rectangle": , "zoomIn": , "zoomOut": , "drag": *}
public	points: undefined[]
public	prev: *
public	rectangle: *
public	saveSvgButton: *
public	state: {"mode": , "stroke": , "fill": , "linewidth": , "circleSize": *}
public get	styles: undefined[]
public	two: *
public	useBackgroundDimensions: *
public	viewSketchpad: {"canvas": , "background": }
public	width: *
public	zoomInfo: {"viewBox": *, "multiplier": number, "totalMultiplier": number}

Method Summary

Public Methods
public	addBackground()
public	attach()
public	build(state: *) Builds the component.
public	clear()
public	clearAll()
public	click(event: , index: )
public	copySvgToView()
public	createToolbar(): *
public	dragImage(offset: *)
public	draw(value: *)
public	editSvg()
public	getActualCoordinate(coordinate: ):
public	getValue(): *
public	normalizeSvgOffset()
public	redo()
public	resetZoom()
public	saveSvg()
public	setActiveButton(mode: *)
public	setBackgroundImage(svgMarkup: *)
public	setEditorSize(width: , height: )
public	setState(state: *)
public	setTotalMultiplier(multiplier: *)
public	setValue(value: *)
public	stretchDrawingArea()
public	undo()
public	updateSvgViewBox()
public	zoom(coordinate: , multiplier: )

Static Public Members

public static builderInfo: * source

public static editForm: * source

Static Public Methods

public static schema(extend: ...): source

Params:

Name	Type	Attribute	Description
extend	...*

Return:

Public Constructors

public constructor() source

Public Members

public get actions: undefined[] source

public backgroundReady: {"resolve": , "reject": } source

public calculatedValue: * source

public center: * source

public curve: * source

public get dataReady: * source

public dataValue: * source

public deleted: *[] source

public dimensions: {"width": , "height": } source

public dimensionsMultiplier: number source

public disabled: boolean source

public dragEndPoint: * source

public dragLastPoint: * source

public dragStartPoint: * source

public editSketchpad: {"canvas": , "background": } source

public editValue: * source

public editorModal: * source

public editorModalContent: * source

public editorModalFooter: * source

public editorModalHeader: * source

public get emptyValue: *[] source

public height: * source

public layers: *[] source

public line: * source

public get modes: {"pencil": , "line": , "circle": , "rectangle": , "zoomIn": , "zoomOut": , "drag": *} source

public points: undefined[] source

public prev: * source

public rectangle: * source

public saveSvgButton: * source

public state: {"mode": , "stroke": , "fill": , "linewidth": , "circleSize": *} source

public get styles: undefined[] source

public two: * source

public useBackgroundDimensions: * source

public viewSketchpad: {"canvas": , "background": } source

public width: * source

public zoomInfo: {"viewBox": *, "multiplier": number, "totalMultiplier": number} source

Public Methods

public addBackground() source

public attach() source

public build(state: *) source

Builds the component.

Params:

Name	Type	Attribute	Description
state	*

public clear() source

public clearAll() source

public click(event: , index: ) source

Params:

Name	Type	Attribute	Description
event	*
index	*

public copySvgToView() source

public createToolbar(): * source

Return:

public dragImage(offset: *) source

Params:

Name	Type	Attribute	Description
offset	*

public draw(value: *) source

Params:

Name	Type	Attribute	Description
value	*

public editSvg() source

public getActualCoordinate(coordinate: ): source

Params:

Name	Type	Attribute	Description
coordinate	*

Return:

public getValue(): * source

Return:

public normalizeSvgOffset() source

public redo() source

public resetZoom() source

public saveSvg() source

public setActiveButton(mode: *) source

Params:

Name	Type	Attribute	Description
mode	*

public setBackgroundImage(svgMarkup: *) source

Params:

Name	Type	Attribute	Description
svgMarkup	*

public setEditorSize(width: , height: ) source

Params:

Name	Type	Attribute	Description
width	*
height	*

public setState(state: *) source

Params:

Name	Type	Attribute	Description
state	*

public setTotalMultiplier(multiplier: *) source

Params:

Name	Type	Attribute	Description
multiplier	*

public setValue(value: *) source

Params:

Name	Type	Attribute	Description
value	*

public stretchDrawingArea() source

public undo() source

public updateSvgViewBox() source

public zoom(coordinate: , multiplier: ) source

Params:

Name	Type	Attribute	Description
coordinate	*
multiplier	*

Sketchpad

Extends:

Static Member Summary

Static Method Summary

Constructor Summary

Member Summary

Method Summary

Static Public Members

public static builderInfo: * source

public static editForm: * source

Static Public Methods

public static schema(extend: ...*): * source

Params:

Return:

Public Constructors

public constructor() source

Public Members

public get actions: undefined[] source

public backgroundReady: {"resolve": *, "reject": *} source

public calculatedValue: * source

public center: * source

public curve: * source

public get dataReady: * source

public dataValue: * source

public deleted: *[] source

public dimensions: {"width": *, "height": *} source

public dimensionsMultiplier: number source

public disabled: boolean source

public dragEndPoint: * source

public dragLastPoint: * source

public dragStartPoint: * source

public editSketchpad: {"canvas": *, "background": *} source

public editValue: * source

public editorModal: * source

public editorModalContent: * source

public editorModalFooter: * source

public editorModalHeader: * source

public get emptyValue: *[] source

public height: * source

public layers: *[] source

public line: * source

public get modes: {"pencil": *, "line": *, "circle": *, "rectangle": *, "zoomIn": *, "zoomOut": *, "drag": *} source

public points: undefined[] source

public prev: * source

public rectangle: * source

public saveSvgButton: * source

public state: {"mode": *, "stroke": *, "fill": *, "linewidth": *, "circleSize": *} source

public get styles: undefined[] source

public two: * source

public useBackgroundDimensions: * source

public viewSketchpad: {"canvas": *, "background": *} source

public width: * source

public zoomInfo: {"viewBox": *, "multiplier": number, "totalMultiplier": number} source

Public Methods

public addBackground() source

public attach() source

public build(state: *) source

Params:

public clear() source

public clearAll() source

public click(event: *, index: *) source

Params:

public copySvgToView() source

public createToolbar(): * source

Return:

public dragImage(offset: *) source

Params:

public draw(value: *) source

Params:

public editSvg() source

public getActualCoordinate(coordinate: *): * source

Params:

Return:

public getValue(): * source

Return:

public normalizeSvgOffset() source

public redo() source

public resetZoom() source

public saveSvg() source

public setActiveButton(mode: *) source

public static schema(extend: ...): source

public backgroundReady: {"resolve": , "reject": } source

public dimensions: {"width": , "height": } source

public editSketchpad: {"canvas": , "background": } source

public get modes: {"pencil": , "line": , "circle": , "rectangle": , "zoomIn": , "zoomOut": , "drag": *} source

public state: {"mode": , "stroke": , "fill": , "linewidth": , "circleSize": *} source

public viewSketchpad: {"canvas": , "background": } source

public click(event: , index: ) source

public getActualCoordinate(coordinate: ): source

public setEditorSize(width: , height: ) source

public zoom(coordinate: , multiplier: ) source