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

javascript - 如何在 laravel 5.4 中使用 signature_pad?

我正在开发一个简单的基于表单的发票/收据 Web 应用程序,该应用程序需要使用signature_pad获取客户签名。由于熟悉和内置的用户身份验证脚手架,我的应用程序使用Laravel 5.4 。

作为概念证明,我尝试将 signature_pad 示例中的代码嵌入到我的 Blade 模板中,但运气不佳 - 没有进行绘图。此外,与按钮关联的操作/事件侦听器也不起作用。

代码的直接 html 文件变体会产生一个功能性的 signature_pad(见下文),所以我知道编写的代码可以正常工作 - 问题似乎与 Laravel、Vue、Blade 或内部处理 JS 的方式有关的模板。

在 Laravel 5.4 或类似的刀片模板中使用 signature_pad 的任何见解或专业知识都值得赞赏。谢谢你。

0 投票
0 回答
134 浏览

xamarin - Xamarin 使用 UWP 形成 SignaturePad 导致 CanvasDevice 未注册错误

(使用 PCL 项目)

我正在使用 SignaturePad 2.1 版并且在 Android 上完美运行,但在 UWP 上,当我调用 GetImageStreamAsync 方法时,我收到“Microsoft.Graphics.Canvas.CanvasDevice 未注册”错误。我已经尝试过 PNG 和 JPEG 并且都给出了相同的错误。

我在想 App.xaml.cs 中需要包含一些东西,但查看示例,我什么也没看到。我确实找到了他们添加程序集的帖子

但我仍然得到同样的错误。

这是我正在使用的代码:

0 投票
1 回答
1288 浏览

javascript - 如何验证 angular2-signaturepad?

我正在使用angular2-signaturepad

我正在尝试验证签名板。像这样

这是我的savepad()职责。

我想要这种功能:

如果签名板是空的(没有签名保存),吐司要来“你必须先签名”。否则它将成功保存。

这可以验证 angular2-signaturepad 吗?

或者

难道我做错了什么 ?

如果可能的话,请指导我..!!

0 投票
2 回答
1212 浏览

javascript - SignaturePad 中 onBegin() 的功能/如何记录每个笔画的开始

我正在使用 SignaturePad。(https://github.com/szimek/signature_pad

根据 API,onBegin()在笔画开始时调用,但它似乎只在页面加载时调用

例子:

上面的代码在页面加载时记录“hello”,而不是在每个笔划的开始。我是否误解了 API?

0 投票
2 回答
736 浏览

typescript - 如何使用 signature_pad toDataURL() 保存签名

我正在为我的 MEAN 应用程序使用signature_pad 。

问题:如何使用 toDataURL() 将其保存到 mongoDB?

URL 暗示签名图像被保存到服务器。我假设它已保存到我的本地服务器。那准确吗?当我将此图像发送到数据库时,如何发送实际图像而不仅仅是一个字符串(URL 地址)?我是否 http 获取从 toDataURL() 返回的 url,然后将返回的图像发送到 mongodb?

0 投票
1 回答
3910 浏览

c# - 使用 MVVM 架构从 SignaturePadView 检索图像

我正在 MVVM 架构中使用 Prism 框架开发 Xamarin.Forms 应用程序。我需要从屏幕上收集签名,所以我决定包含 SignaturePad 库。在 NuGet 中,我包含了 Xamarin.Controls.SignaturePad 和 Xamarin.Controls.SignaturePad.Forms 包。在页面布局(使用 XAML 构建)中,我有签名小部件:

在 ViewModel 中小部件绑定:

在 ViewModel 构造函数中:

还有一个按钮,在这个按钮的动作中我需要读取标志图像并将其保存到数据库中。我试过这个:

所有这些代码都写在可移植项目中。不幸的是,它不起作用,因为 sig 对象始终为空。我认为问题在于小部件绑定,但我不确定。

0 投票
2 回答
499 浏览

c# - XF - SignaturePad 仅在触摸结束时显示笔划

我正在使用SignaturePadXamarin.Forms即使在基本的硬件设备上也能正常工作,但我只用一台设备就遇到了奇怪的行为:三星 Galaxy Tab E 7.0 3G SM-T116 平板电脑。

问题是 SignaturePad 视图上的笔划仅在从屏幕上释放触摸时才显示。例如,如果我慢慢地画一条长长的水平线,整个笔划是不可见的,直到我释放屏幕触摸。

有人已经有类似的情况了吗?我该如何解决?

非常感谢。

0 投票
2 回答
595 浏览

xamarin - Xamarin Forms UWP 捕获屏幕截图包括签名板

我有一个使用签名板 ( https://github.com/xamarin/SignaturePad )的 Xamarin 表单页面。我正在尝试捕获整个视图的屏幕截图。它也应该包括签名。

但是,使用以下代码我注意到签名没有显示出来。

捕获包括签名在内的整个页面的最佳方式是什么?(不仅仅是签名)

0 投票
0 回答
458 浏览

javascript - SignaturePad 不是那么流畅?

我曾尝试寻找签名板以允许在我的网站上绘制签名,

我看过的 SignaturePads 是这些:

过去我使用过 Szimek 签名板,一切正常,但是当将该演示与 Ezl 签名板的第二个演示进行比较时,Ezl 的平滑度在平滑度方面取代了 Szimek。

Ezl 签名垫:

Ezl 签名板

Szimek 签名板: Szimek 签名板

我尝试过修改 Szimek 插件的节流设置,而且总的来说,我更喜欢使用 Szimek 插件,因为它有更好的支持、贡献和社区。

有谁知道为什么我的质量比 Ezl 插件差?

0 投票
1 回答
819 浏览

javascript - 从图片中删除 Alpha 通道

是否可以在没有透明像素的情况下通过“导出”功能获取图片?(例如白色背景)。