Signature_pad: Tamanho da tela responsivo
Oi,
Preciso criar um pad de assinatura responsivo com 100% de largura e altura específica (300px)
Como posso fazer isso?
50l3r
Todos 3 comentários
@ 50l3r você conseguiu fazer isso?
@szimek alguma sugestão, por favor? :) Vejo que existe um PullRequest para isso, e é muito antigo :)
https://github.com/szimek/signature_pad/pull/100
mihai-gritcan
em 22 ago. 2017
Afaik você não pode definir a largura da tela como uma porcentagem, mas você pode colocar o elemento da tela em um contêiner que tem sua largura definida para 100%, então ler a largura exata do dito elemento pai com jQuery. Em seguida, você pode definir a largura da tela manualmente. Faça isso antes de inicializar o SignaturePad.
var canvas = document.querySelector("canvas");
var parentWidth = $(canvas).parent().outerWidth();
canvas.setAttribute("width", parentWidth);
this.signaturePad = new SignaturePad(canvas);
Amsvartner
em 12 set. 2017
Desculpe pelo atraso.
Funciona :)
50l3r
em 29 abr. 2018
Questões relacionadas
c2ofh
·
7Comentários
Zuldra
·
4Comentários
rmmackay
·
7Comentários
crazzeto
·
8Comentários
davidosuna1987
·
11Comentários
Comentários muito úteis
Afaik você não pode definir a largura da tela como uma porcentagem, mas você pode colocar o elemento da tela em um contêiner que tem sua largura definida para 100%, então ler a largura exata do dito elemento pai com jQuery. Em seguida, você pode definir a largura da tela manualmente. Faça isso antes de inicializar o SignaturePad.
var canvas = document.querySelector("canvas");var parentWidth = $(canvas).parent().outerWidth();canvas.setAttribute("width", parentWidth);this.signaturePad = new SignaturePad(canvas);