Pessoal, tenho um campo ao qual pego assinatura de uma determinada pessoa através de um canvas. Gostaria de adicionar esse campo para ser impressora em um pdf. Porém quando adicionar ele sai apenas uns caracteres, não formando a imagem correta
Campo do formulário
Como sai quando é mando imprimir
<img align='right' src='"+$("#img").val()+"' width='300' height='160'>
Foi o que resolveu, Quemuel?
— Alef Vinicius 27 de Mar de 2020Pelo que parece ele está imprimindo o base64 da imagem, que é a imagem convertida para transmiti-la entre apis etc.
Não teria como pegar a base64 do componente e jogar em um campo de imagem do próprio html? Depois disso você deixaria invisible esse componente do canvas e tornaria visible o campo imagem.
Segue um exemplo do campo imagem.
@Lucas, já faço isso! Só não dá certo quando mando gerar o meu pdf(Screenshor_2). Adicionei um novo anexo(Screenshor_3) na pergunta que mostra como fica no formulário.
— Quemuel Rodrigues 24 de Mar de 2020Quemuel, tenta adicionar a imagem via css, uma espécie de background em uma div. Deve funcionar.
Vc tem algum exemplo ao qual eu possa espelhar?
— Quemuel Rodrigues 24 de Mar de 2020Segue: https://base64.guru/developers/css/background-image
basta colocar numa div. Lembre de definir o tamanho.
— Alef Vinicius 24 de Mar de 2020Boa tarde, Conseguiu fazer com que recebesse de forma dinâmica?
Conseguir colocar somente fixando o valor.
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPoAAAFvCAYAAABjMNZ... ) no-repeat left center; padding: 0px 0 500px 525px;
Precisaria receber este valor e passar na URL
$("#imageCheck").val(dataURL);
— Patrick Cavalcante Moraes 18 de Feb de 2022
Quemuel, gostaria de saber se essa assinatura funcionou no App mobile? Fiz um teste aqui e o canvas funcionou normalmente no desktop, mas no mobile não.
— Cristiano Maia 05 de May de 2020@Cristiano, no meu processo funcionou sim para mobile.
— Quemuel Rodrigues 15 de Sep de 2020