Signature_pad: Размер холста отзывчивый
Привет,
Мне нужно создать адаптивную панель для подписи со 100% шириной и определенной высотой (300 пикселей).
Как я могу это сделать?
50l3r
Все 3 Комментарий
@ 50l3r тебе это удалось?
@szimek, пожалуйста, какие-нибудь предложения? :) Я вижу, что для этого существует PullRequest, и он старый старый :)
https://github.com/szimek/signature_pad/pull/100
mihai-gritcan
22 авг. 2017
Afaik вы не можете установить ширину холста в процентах, но вы можете поместить элемент холста в контейнер, ширина которого установлена на 100%, а затем прочитать точную ширину указанного родительского элемента с помощью jQuery. Затем вы можете установить ширину холста вручную. Сделайте это перед инициализацией SignaturePad.
var canvas = document.querySelector("canvas");
var parentWidth = $(canvas).parent().outerWidth();
canvas.setAttribute("width", parentWidth);
this.signaturePad = new SignaturePad(canvas);
Amsvartner
12 сент. 2017
Извините за задержку.
Оно работает :)
50l3r
29 апр. 2018
Смежные вопросы
cristhianDt
·
7Комментарии
khawye
·
4Комментарии
kevinchung1026
·
5Комментарии
Sparticuz
·
7Комментарии
hostcia
·
6Комментарии
Самый полезный комментарий
Afaik вы не можете установить ширину холста в процентах, но вы можете поместить элемент холста в контейнер, ширина которого установлена на 100%, а затем прочитать точную ширину указанного родительского элемента с помощью jQuery. Затем вы можете установить ширину холста вручную. Сделайте это перед инициализацией SignaturePad.
var canvas = document.querySelector("canvas");var parentWidth = $(canvas).parent().outerWidth();canvas.setAttribute("width", parentWidth);this.signaturePad = new SignaturePad(canvas);