问题标签 [signaturepad]

您将如何使用 jQuery 更改对象的值。我有对象并且我知道选择器，但是如何在单击时更改 RGB 值？我正在尝试更改 penColor。四个列表项（黄色、绿色、蓝色、橙色）有数据颜色。那么当用户点击黄色时，js对象改变了对象值？

这是标记：

我添加了用于签名的画布元素和用于根据屏幕宽度调整大小的 css。一切工作正常，但是当我画线或其他东西时，触摸的地方和画的线距离很小。

我怎样才能解决这个问题 ？

这是我的代码：

HTML：

查询：

CSS：

我是新手，如果我的问题很愚蠢，请原谅。我的问题是当我尝试使用此处的说明进行多个签名时：https ://github.com/thomasjbradley/signature-pad/blob/master/examples/accept-multiple-signatures.html

当我将“sigPad”类从 Form 标签移动到 Div 标签（如链接中的示例中）时，domPDF 创建不起作用。“找不到图像”。

因此，为了将我的问题归结为本质，我将其缩小到这个问题。如果我将类“sigPad”移动到 div，为什么表单不能与我的 domPDF 脚本一起使用。

另外，我有什么办法可以解决这个问题吗？我有一个现在可以与 dompdf 一起使用的大型表单，我想为其添加几个签名。我宁愿没有表单标签中的类。

这是一个没有多个签名的示例，只是试图将 sigPad 类移动到 div 而不是表单中。如果它在 Form 标签中它可以工作，如果它在像这样的 div 标签中它不会：

签名.PHP

PDF.PHP

任何帮助将不胜感激。谢谢你！

我已经为我的 ios 应用程序实现了签名板。（它不是本机应用程序。我正在使用 MVVMCROSS 平台进行开发。我希望始终在横向视图中设置此签名板的方向。我找不到签名板框架的任何参数。

我无法确保它始终以横向视图打开并调整到屏幕的宽度。如果有人能提供帮助会很高兴

我在 jQuery 的 Chrome 和 Mozilla 中遇到了非常奇怪的行为。我的函数出现了非常普遍Unexpected token ILLEGAL的错误。document.ready

在玩签名板示例时，我在自己的页面上进行了尝试。它不适用于 Mozilla 和 Chrome，但适用于 IE。然后我删除了所有对 signaturepad 的引用，并在 document.ready 函数中放置了一个简单的警报并观察（感谢 Chrome JavaScript Errors Notifier）Unexpected token ILLEGAL error is occurring when system try to use jQuery reference。然后我从示例页面 (a.html) 中复制了所有文本，它在该页面 (b.html) 中完美运行，然后再次运行该页面。我很惊讶 a.html 页面工作正常，而 b.html 页面抛出错误。两个页面都在同一个目录中，并且具有相同的内容。

我正在使用jquery.validate.js来验证表单中的多个字段以及smizek 的 signature_pad。我想验证是否在验证所有其他输入字段的同时在 html 画布（签名板）上绘制了某些内容。

不幸的是，向 jquery 验证提交处理程序添加一个函数来检查画布是否有签名是不够的，因为这仅在满足所有其他必填字段时才会触发。我可以将方法添加到 jquery 验证器，但我很确定这些方法只适用于验证输入的内容——而不是画布。

我可以使用“signaturePad.isEmpty()”检查签名是否存在。理想情况下，有一种方法可以添加这样的函数，该函数与任何验证同时发生：

...并且只有在满足 jquery 验证和签名的情况下才继续实际提交表单。

有没有办法在其他验证发生的同时触发函数——而不是之后？除非满足我的两个条件，否则我如何阻止表单提交 - 而不仅仅是 jquery 验证？

我一直在使用 Thomas J. Bradley 的 jQuery Signature Pad 插件来捕获绘制的签名，并且效果很好。我想做的也是允许输入签名，如演示中所示，但让它输出与绘制签名（JSON 表示）相同的数据。

由于数据输出是光标在画布上移动时的实际坐标，我猜它必须模拟鼠标或触摸移动。我找到了关于在画布上绘制文本的另一个 Stackoverflow 答案。有没有办法模拟该绘制文本的跟踪？如果是这样，那可能是一种解决方案。

更新

我放弃了我原来的计划。

由于我的最终目标是无论使用输入签名还是绘制签名都获得相同的输出，因此我决定使用提供的getSignatureImage()方法。但是，该getSignatureImage()方法仅适用于签名的绘制版本。我实现了以下代码以将键入的签名“绘制”到临时画布上：

我在接受签名或提交表单时运行此代码。如果签名是我使用getSignatureImage()的，当它被输入时，我使用上面的代码。

注意：使用此代码将生成没有画布背景的图像，插件不支持getSignatureImage(). 我不得不修改插件。

我们正在研究将胖客户端 .NET 应用程序移植为基于 HTML5 的 web 应用程序，但问题是我们与各种 USB/串行/共享设备（收据打印机、报告打印机、专业存档打印机、sigpad、扫描仪、网络摄像头等）。

是否有任何可行的方法让 HTML5 站点能够与本地 USB/串行外围设备或本地服务交互（例如，浏览到 www.site.com/app 并让它与 localhost:1234/api 交互以请求诸如签名之类的东西并发送诸如打印作业之类的东西）？

我正在考虑的另一个选择是设置本地瘦客户端类型，它从远程服务器的 API 请求 UI 元素，但在内部具有知道外围设备在做什么并通过 API 传递数据的逻辑。

最不优先的项目是尝试编写某种浏览器插件，这与使用 java 小程序有关。Silverlight 可能会起作用，但我没有对其进行过多研究。

理想情况下，我们希望这样做以使我们的应用程序跨平台，并且我们不确定适合我们情况的最佳实践是什么，或者阻力最小的路径是什么等。

我还不太擅长rails，我正在尝试在表单末尾收集用户的签名。现在我的视图中显示的表单很好，但我真的不知道从哪里开始将其转换为图像。

在 Signature Pad 的文档中，它建议使用以下代码：

但它没有任何关于在哪里/如何使用它的文档。

我把它放在我的创建函数中吗？我如何让它与carrierwave上传器gem一起使用？

谢谢！

我正在尝试使用这个（GitHub），我的“Draw It”按预期工作，但“Type It”功能在我的inputHidden领域没有给我任何价值。

请参阅 VF 页面代码和屏幕截图以获取更多信息：

画出来

输入它

VF 页面代码