你好,
我需要创建一个具有 100% 宽度和特定高度 (300px) 的响应式签名板
我怎样才能做到这一点?
@50l3r你能做到吗?
@szimek 有什么建议吗? :) 我看到一个 PullRequest 存在,而且是旧的 :)
https://github.com/szimek/signature_pad/pull/100
Afaik 您不能将画布宽度设置为百分比,但您可以将画布元素放置在其宽度设置为 100% 的容器中,然后使用 jQuery 读取所述父元素的确切宽度。 然后您可以手动设置画布宽度。 在初始化 SignaturePad 之前执行此操作。
var canvas = document.querySelector("canvas");
var parentWidth = $(canvas).parent().outerWidth();
canvas.setAttribute("width", parentWidth);
this.signaturePad = new SignaturePad(canvas);
不好意思推迟了。
有用 :)
最有用的评论
Afaik 您不能将画布宽度设置为百分比,但您可以将画布元素放置在其宽度设置为 100% 的容器中,然后使用 jQuery 读取所述父元素的确切宽度。 然后您可以手动设置画布宽度。 在初始化 SignaturePad 之前执行此操作。
var canvas = document.querySelector("canvas");
var parentWidth = $(canvas).parent().outerWidth();
canvas.setAttribute("width", parentWidth);
this.signaturePad = new SignaturePad(canvas);