问题标签 [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 回答
1254 浏览

javascript - 在 AngularJs 中监听签名板的变化

我正在使用一个signature_pad和一个电子邮件文本字段,在继续我的 Web 应用程序 ( ) 之前必须填写这两个字段x-ng-disabled="!checkSignatureAndEmail()"

文本字段有一个ng-model,因此任何更改都会立即注意到,但签名板是纯 JavaScript。因此,如果我首先输入电子邮件,然后在签名板中登录,则该按钮将不会启用。

有没有办法注册一个听众或类似的东西?如果是,我是怎么做到的?

在我的控制器中:

创建签名板:

验证功能:

0 投票
1 回答
1913 浏览

angular - 添加没有 app.module.ts 的第三方模块(angular2-signaturepad)(Angular 2 / Ionic 2)

我在使用名为angular2-signaturepad的第三方模块时遇到了一些麻烦。使用本指南

该指南指出,为了使用此模块,您必须将SignaturePadModule添加到app.module.ts的导入部分。但是,我们的项目(使用 Ionic 2)没有或不使用app.module.ts文件。我们所有的依赖项都存在于我们的app.ts中,特别是我们的ionicBootstrap函数

由于我们没有app.module.ts文件,我决定将SignaturePadModule添加到app.ts

ionicBootstrap(MyApp, [ disableDeprecatedForms(), provideForms(), DataService, UploadService, StorageService, ConnectionService, HTTP_PROVIDERS, ActionSheetController, AlertController, Device, Diagnostic, LoggingService, SettingsService, SnaggingService, **SignaturePadModule**, provide('Storage', { useClass: Storage })] );

我为我的页面创建了一个新的ts模板文件来显示模块:

并将以下内容添加到模板中

我的应用程序启动并成功部署到我的设备,但是当我浏览到有问题的页面时,没有显示任何画布或任何内容。我在开发者工具上没有收到任何错误,我可以再次使用开发者工具看到 HTML,但我不知道如何解决这个问题

这里的任何想法都会有所帮助,在此先感谢

0 投票
1 回答
1084 浏览

c# - Xamarin 表单签名板 getImage

我在我的 PCL 项目中使用了 Xamarin Control SignaturePad 表单。代码如下:

如何将签名作为图像获取并存储在数据库(MSSQL)中?在 signaturepadview 中没有 getImage() 函数。任何人都知道我该怎么做?

谢谢

0 投票
2 回答
2334 浏览

c# - Xamarin 签名板。无法保存签名

我是 Xamarin 的新手。当用户单击按钮并将签名保存到变量时,我想实现签名板。我想使用这个签名板https://components.xamarin.com/view/signature-pad并且我尝试按照所述实现该板。

我没有收到任何错误,但我的问题是,出现签名板并且我可以进行签名,然后我无法保存签名,因为没有按钮。如果我点击安卓手机的“返回”按钮,调用签名板的活动将关闭。

Android手机上的图片:没有保存按钮

这是我的代码:

0 投票
0 回答
379 浏览

android - “旋转”不填充布局

我有这个Layout

它创建了这个View

在此处输入图像描述

现在我想通过将旋转设置为 90 来旋转签名板,但这会导致签名板上ViewWidthHeight没有更改(第一张图片上的灰线在第二张图片上不可见)。

在此处输入图像描述

我试图改变Layout, theSignaturePad和两者的旋转而没有得到预期的结果。

我的应用程序上的所有屏幕都处于纵向模式,并且View正在弹出,DialogFragment我想给人一种它处于Landscape模式的错觉,而无需更改Orientation该屏幕Activity或仅为该屏幕创建一个新Activity屏幕。

问题:如何旋转SignaturePad并让它填充其父级Layout

0 投票
2 回答
504 浏览

javascript - Signature Pad失去焦点

我有这个带有 javascript 的 html 代码,它使用 bootstrap 和Signature Pad。我正在使用 Bootstrap 的折叠功能。当我将第一个面板设置为默认值时,签名板不起作用(我无法签名),但是当我将第三个面板添加为默认值时,它会按预期工作。知道为什么会发生这种情况吗?

这是代码:

0 投票
1 回答
930 浏览

asp.net-mvc - 将字节数组转换为 base64 的 URL 无效

我使用 Nuget 的签名板,除了尝试从存储在服务器上的字节数组中重新创建签名之外,一切都很好。

我的模型有

在我的索引视图中,我有这个尝试显示签名,但我得到的只是无效的网址

我错过了一些明显的东西吗?

0 投票
1 回答
2274 浏览

javascript - ASP.NET MVC 如何使用 signaturepad 库将签名的字节 [] 转换为保留签名图像的 jpeg?

我一直在使用签名板(https://github.com/szimek/signature_pad/)捕获用户签名。我需要能够将这些签名转换为保留签名图像的 jpeg。如果图像只是一个大黑匣子,我无法让它工作。我认为这与图像的渲染方式有关。

我使用本教程来创建签名(https://www.thewebflash.com/using-signature-pad-with-asp-net-mvc/)。我需要图片格式的签名,这样我就可以把它放在我的表格上。我猜想出了点问题,因为需要 javascript 才能正确呈现 byte[],所以我没有在控制器中正确地将原始 byte[] 转换为 jpeg(最后一部分)。

这是我的代码:

班级:

UIHint 属性以指定应使用以下 SignaturePad.cshtml 模板在视图中显示模型属性。

Views\Shared\DisplayTemplates\SignaturePad.cshtml :

和 Views\Shared\EditorTemplates\SignaturePad.cshtml :

在我的 css Content\Site.css 我有这个:

在脚本文件夹中,我有一个 javascript 脚本来帮助在视图上呈现图像。

SignaturePadInit.js:

当我想在视图中查看签名时,我将其包含在底部,否则签名将显示为一个空白框:

signature_pad.min.js 通过 nuget 默认与 signaturepad 库一起提供。我没有碰它,我认为不需要讨论它。我没有包括它,因为它非常长。

这是我将 byte[] 转换为 jpeg 的代码。它将 byte[] 转换为 jpeg 并将其添加到 pdf,但我排除了除转换为 jpeg 的部分之外的所有内容。即使在本地保存图像也会产生一个没有签名的黑色块文件:

我真的不知道接下来要做什么来解决这个问题并将签名作为 jpeg 并在其中包含实际图像。我想我现在会继续搞乱 SignaturePadInit.js。如果有人需要我发布更多信息来解决这个问题,请在评论中告诉我。

0 投票
1 回答
1450 浏览

javascript - Javascript - 将签名板结果发送到 Flask

我正在使用签名板 JavaScript库让人们对文档进行数字签名(这只是为了测试,没有任何法律约束力等),但我很难将签名结果从 JS 传递回 Flask/Python。

以下代码是我的 HTML 表单,它form.stu_name完美地提交了字段,甚至触发了我的 JS “提交”(意味着代码执行并打开一个显示签名的新窗口)但我不确定如何提交 JS 结果回来到 Flask - 有关更多信息,请参见第二个代码块示例。

这是脚本本身,运行时它会打开一个新窗口,其中签名的结果显示为 URI 编码图像(那部分很好,我可以稍后在 Python 中对其进行解码),我需要帮助 - 而不是打开一个新的我想将图像提交回 Flask,然后将其存储在一个变量中,以便我可以将其附加到另一个图像。我对JS不是很了解,所以非常欢迎任何建议!

0 投票
1 回答
232 浏览

xamarin - SignaturePad Xamarin Forms PCL 无法捕获图像

我正在为 PCL 使用 SignaturePad Nuget。

如何将此 System.IO.Stream 转换为图像?

任何想法将不胜感激。谢谢。

在此处输入图像描述