Signature_pad: 画布大小响应

创建于 2017-07-09  ·  3评论  ·  资料来源: szimek/signature_pad

你好,

我需要创建一个具有 100% 宽度和特定高度 (300px) 的响应式签名板

我怎样才能做到这一点?

最有用的评论

Afaik 您不能将画布宽度设置为百分比,但您可以将画布元素放置在其宽度设置为 100% 的容器中,然后使用 jQuery 读取所述父元素的确切宽度。 然后您可以手动设置画布宽度。 在初始化 SignaturePad 之前执行此操作。

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

canvas.setAttribute("width", parentWidth);

this.signaturePad = new SignaturePad(canvas);

所有3条评论

@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);

不好意思推迟了。

有用 :)

此页面是否有帮助?
0 / 5 - 0 等级

相关问题

khawye picture khawye  ·  4评论

c2ofh picture c2ofh  ·  7评论

lowe493 picture lowe493  ·  5评论

kevinchung1026 picture kevinchung1026  ·  5评论

hostcia picture hostcia  ·  6评论