Signature_pad: 캔버스 크기 반응형

에 만든 2017년 07월 09일 · 3코멘트 · 출처: szimek/signature_pad

안녕하세요,

100% 너비와 특정 높이(300px)로 반응형 서명 패드를 만들어야 합니다.

어떻게 해야 하나요?

출처

50l3r

가장 유용한 댓글

Afaik 캔버스 너비를 백분율로 설정할 수는 없지만 너비가 100%로 설정된 컨테이너에 캔버스 요소를 배치한 다음 jQuery로 해당 상위 요소의 정확한 너비를 읽을 수 있습니다. 그런 다음 캔버스 너비를 수동으로 설정할 수 있습니다. SignaturePad를 초기화하기 전에 이 작업을 수행하십시오.

var canvas = document.querySelector("canvas");
var parentWidth = $(canvas).parent().outerWidth();

canvas.setAttribute("width", parentWidth);

this.signaturePad = new SignaturePad(canvas);

Amsvartner 에 2017년 09월 12일

👍12

모든 3 댓글

@50l3r 할 수 있었나요?
@szimek 제안 사항이 있습니까? :) 나는 그것을 위해 PullRequest가 존재하는 것을 보았고 오래되었습니다 :)
https://github.com/szimek/signature_pad/pull/100

mihai-gritcan 에 2017년 08월 22일

var canvas = document.querySelector("canvas");
var parentWidth = $(canvas).parent().outerWidth();

canvas.setAttribute("width", parentWidth);

this.signaturePad = new SignaturePad(canvas);

Amsvartner 에 2017년 09월 12일

👍12

지연에 대한 유감.

효과가있다 :)

50l3r 에 2018년 04월 29일

👍1

이 페이지가 도움이 되었나요?

0 / 5 - 0 등급

Signature_pad: 캔버스 크기 반응형

가장 유용한 댓글

모든 3 댓글

관련 문제