Signature_pad: कैनवास आकार उत्तरदायी

को निर्मित 9 जुल॰ 2017 · 3टिप्पणियाँ · स्रोत: szimek/signature_pad

नमस्ते,

मुझे 100% चौड़ाई और विशिष्ट ऊंचाई (300px) के साथ एक उत्तरदायी हस्ताक्षर पैड बनाने की आवश्यकता है

मैं यह कैसे कर सकता हूँ?

स्रोत

50l3r

सबसे उपयोगी टिप्पणी

Afaik आप कैनवास की चौड़ाई को प्रतिशत पर सेट नहीं कर सकते हैं, लेकिन आप कैनवास तत्व को एक कंटेनर में रख सकते हैं जिसकी चौड़ाई 100% पर सेट है, फिर jQuery के साथ उक्त मूल तत्व की सटीक चौड़ाई पढ़ें। फिर आप कैनवास की चौड़ाई को मैन्युअल रूप से सेट कर सकते हैं। सिग्नेचरपैड को इनिशियलाइज़ करने से पहले ऐसा करें।

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

canvas.setAttribute("width", parentWidth);

this.signaturePad = new SignaturePad(canvas);

Amsvartner 12 सित॰ 2017

👍12

सभी 3 टिप्पणियाँ

@ 50l3r क्या आप ऐसा करने में सक्षम थे?
@szimek कृपया कोई सुझाव? :) मुझे लगता है कि इसके लिए एक पुलरक्वेट मौजूद है, और पुराना है :)
https://github.com/szimek/signature_pad/pull/100