furo-ui5-sign-pad #

@furo/ui5 v1.18.0
import '@furo/ui5/src/furo-ui5-sign-pad.js';
exports FuroUi5SignPad js
exports <furo-ui5-sign-pad> custom-element-definition
superclass LitElement
mixes FBP

Summary: draw or sign

Description #

furo-sign-pad Simple pad to sign or draw something

Example #

1
2
3
4
5
6

<button @-click="--clearClicked">clear</button>
<furo-form-layouter four >
  <furo-ui5-sign-pad fn-clear="--clearClicked" @-sign-updated="--signed"></furo-ui5-sign-pad>
  <furo-ui5-sign-pad fn-clear="--clearClicked" fn-put-image="--signed"></furo-ui5-sign-pad>
</furo-form-layouter>
<img set-src="--signed" alt="" width="100px">

Attributes and Properties #

Events #

sign-updated #

at-sign-updated → Base64

Fired when sign gets new painting, with base encoded image.

Methods #

resize #

resize() ⟹ void

* → fn-resize

Trigger this method after a resize.

disable #

disable() ⟹ void

* → fn-disable

Disables the pad

enable #

enable() ⟹ void

* → fn-enable

Enables the pad

clear #

clear() ⟹ void

* → fn-clear

Clears the image. This also updates the bound field.

putImage #

putImage(encodedImage imageURL ) ⟹ void

imageURL → fn-put-image

Adds the encoded image to the canvas.

Maybe you want to clear first.

• encodedImage
  
  

encodeImage #

encodeImage() ⟹ void

* → fn-encode-image

Encodes the image using the type and encodingOptions (quality) defined. The encoded image is available in the image property.

bindData #

bindData(entityField `` ) ⟹ void

`` → fn-bind-data

bind a entity field

• entityField