问题标签 [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 投票
0 回答
1458 浏览

javascript - 签名板无法在手机上绘制

我在 laravel 项目中有一个签名板,可以在桌面上工作,但是当我在移动设备上测试时它不起作用。

我搜索了很多关于这个问题的信息,我尝试了另一种方法......我检查了元标记,我检查了 cdnjs 链接,我创建了一个新视图来放置这个和平的代码并且不起作用。我不知道是什么问题。

如果我去演示页面(http://szimek.github.io/signature_pad/)并尝试在移动作品上运行它!

所以,我找到了一个例子,我试图在我的 laravel 项目中完全做到这一点并且不起作用。之后,我将相同的代码放入 jsfiddle 并运行(https://jsfiddle.net/6brfy7gq/1/)。

它适用于桌面,我可以绘制,保存图像,但当我尝试移动时不起作用。但是您可以在 jsfiddle 中检查相同的代码在移动设备中的工作。我注意到我无法canvas在 jsfiddle mobile 中滚动上面的页面,但在我的 laravel 项目中它可以滚动。也许这就是问题所在。我不知道该尝试更多!

那么,我的代码和这个有什么区别呢?在 js 文件中,我有这样的代码document ready

并且 html 被加载到刀片视图中,如下所示:

我可以尝试任何东西...

十分感谢

0 投票
3 回答
9290 浏览

react-native - 如何在 React Native 中进行签名捕获?

我试图了解如何在 React Native 中进行签名捕获。我的应用程序是使用创建的create-react-native-appExpo并且我希望不必弹出应用程序来使此功能正常工作。

是否有可能在 webview 中包装这样的东西?https://github.com/szimek/signature_pad

我也看过这个项目,https://github.com/RepairShopr/react-native-signature-capture但它需要我弹出应用程序并使用react-native link.

寻找有关如何实现此功能的任何建议或建议,同时使我的项目尽可能简单(理想情况下,使用 create-react-native-app,但如果这不可能,有人可以向我解释为什么吗?)

0 投票
1 回答
309 浏览

xamarin - Xamarin - SignaturePad BackgroundImageView 麻烦

无法使其正常工作-我一定遗漏了一些东西:

0 投票
1 回答
2498 浏览

signaturepad - 签名板 - 调整大小不起作用

我正在使用签名板插件,但我在调整大小事件时遇到了一些问题: - 多次调整大小会导致质量下降,并且每次调整浏览器窗口大小时签名都会“移动”,并且在画布中没有签名。- 在某些情况下,isEmpty() 函数不起作用,我将能够保存空签名。

可选问题:如何检测 php 端的空签名?

谢谢 :)

在我的代码下面:

0 投票
1 回答
1090 浏览

c# - Wacom Signature SDK 重新设计按钮

我正在使用带有 Signature SDK v3.20.4 的Wacom STU 530 签名选项卡,文档似乎仅在购买 SDK 时提供,因此我无法在此处提供链接,但您可以找到一些代码样品在这里

我的问题是关于重新设置签名板上显示的按钮的样式,我找不到如何。一些代码:

而且我知道它一定有可能,这个 SDK 有这个方法CaptureResult res = SigCtl.CtlCapture("who", "why");SigCtl作为一个AxSigCtl对象)可以显示一个带有彩色按钮的预定义表单,但我想构建我自己的。

带有内置签名捕捉功能的 Wacom 触控板 (这里的按钮是蓝色的,而创建的按钮AddObject是白色的)

此外,与字体更改不同,这不起作用:

0 投票
1 回答
248 浏览

c# - Wacom API,标签上的 TextAlign 不起作用

我正在使用带有 Signature SDK v3.20.4的Wacom STU 530 签名选项卡。

我的问题是创建标签时的文本衬里。

问题是它永远不会对齐,无论我使用 TextOptions 中的哪种对齐方式。准确地说,它会默认显示并左对齐。

文档说:

WizCtl.AddObject(ObjectType.ObjectText) 的文档 TextOptions 的文档

但它不起作用,我不知道该怎么做。

0 投票
0 回答
190 浏览

angular - 签名板禁用复选框

我正在为我的应用程序使用angular2-signaturepad库,Ionic 3并且签名板在应用程序中运行良好。现在,我已将动态 html 添加到 adiv和动态 html 中,当前只有一个复选框,但其中会有更多。

在 .html 文件中:

在 .ts 文件中:

现在,该复选框已正确呈现在 html 中,但是当我尝试检查该复选框时,它不起作用。

但是,有趣的是,当我从 html 中删除签名板时,我可以轻松地选中复选框。

注意:z-index签名板已设置为否。

谁能指出我使用添加的复选框在做什么签名板innerHTML

0 投票
1 回答
579 浏览

javascript - 为每个 Vue.JS 模板循环初始化画布

我一直在努力研究如何为所需的每个循环/签名初始化本地“signaturePad”画布。

我也热衷于将“dataURL”绑定到 signaturePad.toDataURL(“image/jpg”)。即显示输入的每个签名的dataURI。

希望你能帮忙!这里也是 JSfiddle:https ://jsfiddle.net/kaihendry/kt53sa2r/1/

0 投票
1 回答
838 浏览

javascript - jQuery.signature works fine until scrolling and then

I have a site which makes extensive use of Keith Wood's excellent jQuery UI signature plugin. I've also used Touch punch as recommended. It's a very vanilla implementation but it's broken. I'm sure it was working previously.

I'm using a Surface Pro (touch enabled tablet) and the signature objects work fine until you scroll at which point two issues occur:

1: Any stylus strokes end up appearing as point to point lines (i.e. directly from the point where you put the stylus down until where lifted it up) rather than capturing any movement (e.g. curves) in between
2: The browser shows the following console error: "[Intervention] Ignored attempt to cancel a touchstart event with cancelable=false, for example because scrolling is in progress and cannot be interrupted."

Sometimes it starts working after a few clicks but it's hit and miss, often the same issue keeps cropping up for a while after scrolling.

Includes:
https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/south-street/jquery-ui.css
/public/front_css/jquery.signature.css
js/excanvas.js
https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js
https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js
/public/front_js/jquery.signature.min.js
/public/front_js/jquery.ui.touch-punch.min.js

Some code:

Any help would be gratefully received!

0 投票
2 回答
1085 浏览

javascript - 手机上的签名板。从光标沿 X 和 Y 轴绘制几厘米的距离

我已经在网站上实施了数字签名。在浏览器中,一切正常。切换到移动视图时会出现问题。在模拟器 Chrome 和移动设备中测试。由于某种原因,这条线被绘制在离光标一定距离的地方。这会导致在画布外部绘制线条,并且 signaturePad.isEmpty() 返回 false。结果是一个空签名。有人能遇到类似的吗?