Soy principiante en vue. Tengo mi primer post aquí. Hago mi proyecto en Vue 2.
Tengo este código: https://pastebin.com/Ddaqf6E9
<vue-signature-pad id="signature" width="100%" height="500px" ref="signaturePad" :options="{ onBegin: () => {$refs.signaturePad.resizeCanvas()}, images: () => { 'https://a.allegroimg.com/s1024/11837d/f04da35e4213a6f817918924c51f/8BitDo-ADAPTER-GRAJ-PADEM-PS4-XBOX-NA-SWITCH-PC-Sposob-podlaczenia-bezprzewodowy'} }" />Este es un buen trabajo. Cuando hago clic en cavas, puedo pintar.
Ahora, necesito agregar la firma de la base de datos a este lienzo (después de recargar la página). Puedo crear una imagen en php. Para la prueba, intento agregar al lienzo esta imagen: https://a.allegroimg.com/s1024/11837d/f04da35e4213a6f817918924c51f/8BitDo-ADAPTER-GRAJ-PADEM-PS4-XBOX-NA-SWITCH-PC-Sposob-podlaczenia-bezprzewodowy
pero no se ve :(
¿Cómo puedo repararlo?
Echa un vistazo a esta demostración
... async mounted() { fetch("https://a.allegroimg.com/s1024/11837d/f04da35e4213a6f817918924c51f/8BitDo-ADAPTER-GRAJ-PADEM-PS4-XBOX-NA-SWITCH-PC-Sposob-podlaczenia-bezprzewodowy") .then(raw => raw.blob()) .then(blob => { const reader = new FileReader(); reader.readAsDataURL(blob) reader.onloadend = () => { this.$refs.signaturePad.fromDataURL(reader.result) } }) } ...