问题标签 [signaturepad]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1243 浏览

javascript - 模态中的签名板不起作用(墨水从鼠标偏移)

我正在尝试在引导模式中使用签名板,我在 div 中有一个画布:

在初始化时,我会(咖啡脚本):

我的画布 css 是(因为我希望画布填充 div)

宽度:100%;高度:100%;

一切正常,但“墨水”从鼠标指针偏移。当我第一次单击时,初始墨水出现在鼠标指针的右侧和下方。我将鼠标向下移动得越远,垂直偏移越远,与水平相同(即,偏移看起来是线性缩放的)。我尝试在演示中实现调整大小功能,但 chrome 将 offsetWidth 评估为 0,并且画布只是缩小到 0x0。

有人知道我做错了什么吗?

0 投票
0 回答
97 浏览

signaturepad - android webview上的SignaturePad无法将图像保存到服务器

我已经制作了一个应用程序(本地 IIS 7.5 服务器 Win 7 Ultimate 上的经典 asp),并且在 android 上使用 webview 我想从客户端获取签名。在装有 android 5.1 的 PC 和平板电脑上完美运行。但是,当我在装有 Android 7 的移动设备或装有 Android 4.4.2 的平板电脑上运行该应用程序时,会在线产生错误

PS Canvas 并在其上绘图完美。

PS 1 看起来无法加载 jquery 库..

非常感谢。

0 投票
2 回答
752 浏览

javascript - 是否可以验证在 angular2-signaturepad 上绘制的最小签名?

我正在使用 angular2-signaturepad 在 angular 6 应用程序中收集数字签名。有些用户只是画一个简单的点或直线。是否可以要求用户输入多个点或线?我不是要验证姓名或完整签名,只是他们画的不仅仅是一个小签名。先感谢您。

0 投票
1 回答
424 浏览

xamarin.forms - 从点数组中检索签名

我正在尝试检索 SignaturePad 的点以重新显示签名。

数组点已正确填充,但padView.Points显示为结果 {Xamarin.Forms.Point[0]}。

0 投票
2 回答
1763 浏览

ruby-on-rails - 如何使用 rails 的 Active Storage 从以导轨形式?

如标题中所述,我正在尝试使用 rails 的 Active Storage 从嵌套在 rails 表单中的元素将图像上传到我的 S3 存储桶。到目前为止,我已经能够使用 <%= f.input :signature, type: file_field(:user, :signature), %> Active Storage 上传图像。Userhas_one_attached :signature。_ 当我使用 file_field 时图像正确上传,所以这不是问题的一部分。

到目前为止,我simple_form有:

我的javascript是:

使用 .toDataURL 我可以获得图像的 base64,我读过的所有内容似乎都指出这就是我需要通过 Active-Storage 发送到 S3 的全部内容。

最后:

我使用 .file_field 时发送的内容

当我尝试在表单提交之前插入值时发送的内容

0 投票
0 回答
798 浏览

javascript - 同一页面上的多个签名框(签名板)

我正在尝试创建具有不同 ID 的多个签名框以使用相同的脚本 +(清除)&&(撤消)按钮

它可以完美地使用一个签名但是如果我添加了多个 id 它会产生冲突-您可以在下面找到签名的 PHP 示例脚本

这是 Javascript 示例代码

0 投票
0 回答
257 浏览

javascript - 如何使用 javascript 或 php 比较两个签名

我正在 Laravel 中实现一个多因素身份验证应用程序。我在最初注册到系统时存储用户签名。每当他们尝试再次登录时,我都会要求再次绘制他们的签名,并且需要使用存储的签名验证他们的签名。有没有办法做这个过程。请任何人帮助我。

提前致谢。

0 投票
1 回答
330 浏览

xaml - 无论方向如何,如何为我的签名板设置恒定高度?

在 xamarin 应用程序中,我创建了一个签名板,并且我保留了边距

无论设备和方向如何,我都想保持签名区域的永久高度,

我不是 xamarin 开发人员,而且我不知道 xaml,但我仍然尝试了 Margin="200,200,200,200" ,但是当我改变方向时它的行为很奇怪。

在 ipad 的横向模式下,该区域根本不可见。

如何为我的签名板保持永久高度?

0 投票
1 回答
3386 浏览

laravel - Laravel - 从表单生成 PDF,还包括用户的签名

我对我的水平有很大的挑战。

标题不言自明:使用 Laravel从表单生成 PDF,还包括用户签名。

My laravel and general php level is basic. 我知道如何在 laravel 上创建一个基本博客(就像所有关注 laracast 或类似内容的人一样),但这一个我觉得很难,因为我看到有很多来自不同地方的概念同时发生,我有很多差距知识。

知道哪些软件包是完成所有这些工作的最佳软件包,至少会很有帮助。我一直在尝试使用 DOMPDF 和https://github.com/szimek/signature_pad。但是我已经阅读了 DOMPDF 我不能使用活动表单......我还检查了 MPDF。

我主要需要的是一个视图,其中有一个表单,有一个签名板供用户在表单后签名,并且在提交后会生成一个pdf。

关于阅读、学习、关注什么的任何起点?

已经如何将脚本在 js 上的签名图像与表单数据混合起来对我来说似乎是最重要的。

我无法想象的是如何处理不同的控制器..

0 投票
1 回答
601 浏览

c# - 使用 Docusign API 上传文档并设置签名

我假设使用 Docusign 开发人员 API,我将能够列出文档、它们的状态,甚至可以让人们在我的应用程序中签署文档。但是,我想知道 API 是否涵盖上传和设置文档的签名区域。

如果我可以通过我的应用程序做所有事情,那将是理想的。

上传
列表(带状态)
签名

我将假设上传和设置签名位置部分都需要通过 docusign 站点完成。