Signature_pad: Tamaño de lienzo sensible
Hola,
Necesito crear un panel de firmas receptivo con un ancho del 100% y una altura específica (300 px)
¿Cómo puedo hacer esto?
50l3r
Todos 3 comentarios
@ 50l3r ¿
@szimek alguna sugerencia por favor? :) Veo que existe un PullRequest para eso, y es antiguo :)
https://github.com/szimek/signature_pad/pull/100
mihai-gritcan
en 22 ago. 2017
Afaik, no puede establecer el ancho del lienzo en un porcentaje, pero puede colocar el elemento del lienzo en un contenedor que tiene su ancho establecido en 100%, luego leer el ancho exacto de dicho elemento principal con jQuery. Luego, puede establecer el ancho del lienzo manualmente. Haga esto antes de inicializar SignaturePad.
var canvas = document.querySelector("canvas");
var parentWidth = $(canvas).parent().outerWidth();
canvas.setAttribute("width", parentWidth);
this.signaturePad = new SignaturePad(canvas);
Amsvartner
en 12 sept. 2017
Lo siento por el retraso.
Funciona :)
50l3r
en 29 abr. 2018
Temas relacionados
lowe493
·
5Comentarios
khawye
·
4Comentarios
hostcia
·
6Comentarios
chitgoks
·
5Comentarios
derUli
·
3Comentarios
Comentario más útil
Afaik, no puede establecer el ancho del lienzo en un porcentaje, pero puede colocar el elemento del lienzo en un contenedor que tiene su ancho establecido en 100%, luego leer el ancho exacto de dicho elemento principal con jQuery. Luego, puede establecer el ancho del lienzo manualmente. Haga esto antes de inicializar SignaturePad.
var canvas = document.querySelector("canvas");var parentWidth = $(canvas).parent().outerWidth();canvas.setAttribute("width", parentWidth);this.signaturePad = new SignaturePad(canvas);