search

szimek / signature_pad

HTML5 canvas based smooth signature drawing
http://szimek.github.io/signature_pad/
MIT License
10.89k stars 2.11k forks source link

how to save image after editing from canvas to database in livewire? #764

Closed Frman-Husein closed 4 months ago

Frman-Husein commented 7 months ago

how to save image after editing from canvas to database in livewire?

UziTech commented 7 months ago

not sure what livewire is but you should look at the docs at https://github.com/szimek/signature_pad#handling-data-uri-encoded-images-on-the-server-side

Frman-Husein commented 7 months ago

It is mean i using in laravel, in. Canvas i see image but how save this image in database

On Thu, Mar 28, 2024, 5:27 AM Tony Brix @.***> wrote:

not sure what livewire is but you should look at the docs at https://github.com/szimek/signature_pad#handling-data-uri-encoded-images-on-the-server-side

— Reply to this email directly, view it on GitHub https://github.com/szimek/signature_pad/issues/764#issuecomment-2024287169, or unsubscribe https://github.com/notifications/unsubscribe-auth/AZMOQYHKMTTOKPQOSAD2UTTY2N5XTAVCNFSM6AAAAABFL2EUDWVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDAMRUGI4DOMJWHE . You are receiving this because you authored the thread.Message ID: @.***>

liamja commented 4 months ago

Hey @Frman-Husein

I found this great example of how to do achieve this with Alpine and Livewire:

https://gist.github.com/jonneroelofs/a4a372fe4b55c5f9c0679d432f2c0231

Basically, you can wrap signature_pad in an alpine.js instance, then you can wire:model the state of the canvas with Livewire.