Vuetify: [Feature Request] Signature Pad component

[Marijus5]

Problem to solve

Ability to take/store person's signature on mobile devices.

Proposed solution

Create a wrapper around HTML5 canvas element and expose some useful methods.

[pynner]

Check out vue-signature-pad, it's a wrapper for the most popular HTML5 signature pad. Works well

[nekosaur]

This is a niche component with what looks like a solid 3rd party implementation already.

[Marijus5]

Hi, I am actually using this component. But it would be nice that if it was part of Vuetify component library.

On Wednesday, 24 April 2019, 05:46:26 BST, Mitch Pynn <[email protected]> wrote:

Check out vue-signature-pad, it's a wrapper for the most popular HTML5 signature pad. Works well

—
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub, or mute the thread.

[mstralka]

Looking for advice:

If we use vue-signature-pad, how would we make it work with Vuetify's validation functionality (vee-validate or vuelidate) so it will display an error message and turn the field red if the signature is not provided? ?

[thadeuszlay]

Has anyone tried the vue-signature-pad along with the vuetify tooltip? It seems vue-signature-pad's canvas is collapsed when using inside the tooltip. Anyone know how to fix it? The fixes I found (cal canvasResize()) don't work.