Изображение, созданное SigaturePad, не сохраняет надпись, оно сохраняет только фон [закрыто] ⇐ Php

[Anonymous]

Я использую библиотеку панели для подписи с livewire и alpine.
Я поместил элемент холста в модальное окно, и элемент отображается без проблем. Например, я сделал фон синим, а рукописный текст — желтым.
Проблема возникает, когда я сохраняю изображение. Когда оно отправляется в компонент и сохраняется в приложении, изображение имеет только синий фон, а желтая надпись не передается при создании сохраненного изображения, оно просто оставляет синее изображение.
просмотреть

Код: Выделить всё

Nova Anamnese



Solicitar assinatura:








Fechar


Salvar Anamnese


Processando...






document.addEventListener('alpine:init', () => {
Alpine.data('signaturePad', () => ({
signaturePadInstance: null,
init() {
this.signaturePadInstance = new SignaturePad(this.$refs.signature_canvas, {
minWidth: 5,
maxWidth: 10,
backgroundColor: 'rgb(5,5,255)',
penColor: "rgb(255, 255, 25)"
});
@this.set('signature', this.signaturePadInstance.toDataURL('image/png'));
}
}))
})

компонент

Код: Выделить всё

Подробнее здесь: [url]https://stackoverflow.com/questions/79022589/the-image-created-by-sigaturepad-does-not-save-the-writing-it-only-saves-the-ba[/url]