Signature_pad: 宽度和高度

+1 刚刚尝试过这个包，但大小有问题。 理想情况下，我希望它在移动设备上跨越整个宽度，在桌面上更小。 @szimek有什么想法吗？

这些尺寸问题究竟是什么？

举这个例子。 当您绘制位置不正确http://jsfiddle.net/4qjwr06h/1/

好吧，我可能是愚蠢的。 如果我想让它响应我不应该用<canvas>做width: 100% $ 因为它不会改变画布的实际宽度，而是拉伸它。 应该改用固定宽度。

您可以在演示应用程序中检查resizeCanvas方法。 如果您将这两行添加到您的演示中，那么它可以正常工作：

canvas.height = canvas.offsetHeight;
canvas.width = canvas.offsetWidth;

我的代码还考虑了devicePixelRatio ，但老实说，我不确定它是否 100% 正确。

我想我已经成功了，谢谢大家

耶稣万岁

来自：Szymon Nowak [mailto:[email protected]]
发送时间：2015 年 10 月 7 日，星期三，上​​午 10:14
至：szimek/signature_pad [email protected]
抄送：crazzeto [email protected]
主题：回复：[signature_pad] 宽度和高度（#118）

您可以在演示应用程序中查看https://github.com/szimek/signature_pad/blob/master/example/js/app.js#L10 -L18 resizeCanvas 方法。 如果您将这两行添加到您的演示中，那么它可以正常工作：

canvas.height = canvas.offsetHeight;
canvas.width = canvas.offsetWidth;

我的代码还考虑了视网膜显示，但老实说，我不确定它是否 100% 正确。

—
直接回复此邮件或在 GitHub 上查看https://github.com/szimek/signature_pad/issues/118#issuecomment -146207233。

我可以建议把这些线

canvas.height = canvas.offsetHeight;
canvas.width = canvas.offsetWidth;

在文档/自述文件中？ 我花了很长时间才弄清楚这一点，我认为对于其他没有经验的人来说也是如此<canvas> 。

@Boldewyn感谢您的建议。 有一个 PR 应该使这不再需要。 到今年年底，我要么合并它并更新演示应用程序，要么将此信息添加到自述文件中。