问题标签 [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.
laravel - laravel 5.4 中的签名
我是Laravel的新手,我想将签名保存为存储文件夹中的 png 文件。帮助我找到解决方案。我会感谢你的。
html - How to fit responsive wrapper canvas signature_pad in the div?
I'm trying to manage my wrapper/canvas on responsive view to fit in the div. The problem is that it overflows the div's frame (look at screenshot)
I tried to play with min-width and max-width but nothing works correctly.
xamarin.forms - 如何从 Memory Stream 中获取图像文件的路径?
我正在使用 Xamarin.Forms PCL 项目,并且正在使用 SignaturePad 插件来捕获签名,并且我正在保存在内存流中,例如:
现在,我需要做的是在电子邮件中附加该签名图像。因此,为此,我使用了 Cross-Messaging NuGet 插件,它允许我将图像附加到电子邮件中。所以,我需要一个签名图像的路径。所以任何想法,我怎样才能将签名保存在我的本地 Xamarin PCL 共享项目路径中并获取图像的路径?
android - 将签名板位图上传到远程服务器
我正在开发一个包含签名板的 Android 应用程序。
我想将生成的位图上传到远程服务器。
我还没有找到任何显示如何管理此位图以及如何将其转换为可上传格式的资源。
这是获取签名板位图的函数,以及将其上传到远程服务器所需的函数:
angular - TypeError: __WEBPACK_IMPORTED_MODULE_1_signature_pad__ 不是构造函数
我正在尝试在我的角度项目中使用angular2-signature-pad库进行签名输入。我尝试按如下方式使用该库:
但我收到以下错误:Error: Uncaught (in promise): TypeError: WEBPACK_IMPORTED_MODULE_1_signature_pad is not a constructor。
我在这个链接中看到了另一个 SO 问题并安装在包下面
npm install --save @types/signature_pad
但是同样的错误又发生了。我缺少哪一部分来完美地工作签名板?
javascript - 代码看起来不错但是表单提交没有发布
我在 php 文档上有一个签名板。一切正常,直到我点击提交。.png 正在写入服务器,但文件不可读且 0kb 表示没有数据。我的猜测是图像没有从画布正确发送,或者没有通过 POST 发送,以便我的 php 在必要时捕获和处理。任何帮助,将不胜感激。无论如何,我在 javascript 方面都不是最强的。signature_pad.js 用于将签名板启动到画布上,该画布再次正常工作,app.js 包含表单上清除按钮和提交按钮的功能。我包含了 app.js 的代码。我编辑 app.js 以将其发送到隐藏字段,以便我可以在 php 中选择 png/canvas 数据并将其保存到服务器并相应地处理它。在我的 php 中,我在使用 $_POST 获取隐藏字段后使用了 var_dump() ,它只显示 string(0) 意味着只是空的。单击提交后,我在 js 中设置了一个警报,以查看数据字符串是否也存在,并且确实存在。我对数据丢失的位置感到困惑。
更新 因此,我对此进行了深入研究,因此使用POST的表单存在问题。js 和 php 元素都可以正常工作,但是一旦提交表单,一切都会挂起,直到浏览器中出现连接重置错误。过去一天左右,我一直在试图追查正在发生的事情,但到目前为止还没有运气。
app.js 文件包含以下代码:
angular - 签名板不跟随光标
我正在使用angular2-signaturepad库在我的 Angular 项目中处理签名。这是我的代码:
签名.module.ts
签名.ts
签名.html
我在这个链接中看到了这个库的现场演示,它在这里工作得很好。但是在我的项目中,签名没有跟随光标。
是否需要更改任何配置,以便签名跟随签名板中的光标?
angular - 如何将焦点放在签名板中的画布上?
我的离子/角度应用程序(android)的页面中有一个签名板和一个tinymce 编辑器。两者都工作正常。但我面临一个奇怪的问题。当 tinymce 编辑器处于焦点时,键盘会显示。现在,如果我单击画布,键盘仍处于打开状态,tinymce 编辑器仍处于焦点位置。
我的html代码:
尝试1:
此链接指出Canvas 元素默认情况下不可聚焦。因此,我尝试使用以下代码将焦点放在画布上:
但是,键盘还在,tinymce 编辑器保持焦点。
尝试2:
然后,我尝试使用以下代码使 tinymce 编辑器失焦,而不是将焦点放在签名板的画布上:
这行得通。它关闭键盘。但是,当键盘关闭时,它向下推动了页面,当我的手指在画布上时,那里正在完成意想不到的绘图。
有没有其他方法可以让画布聚焦?
javascript - 签名板在点击时不会响应
你好所以我在这里有一个签名板,它在小提琴上非常完美,但是当我自己把它全部放在一起而不改变任何东西时,它根本不会让我在上面写字。它会显示并提供指针效果等,但实际上不允许我在其中写入。
我将代码全部包含在一页中,我想将其包含在不同的页面中,还是我做错了什么,它不会写在垫子上?
希望你们能告诉我什么是错的,也许我做错了什么。
我如何在线获得它:
javascript - javascript - 签名板在移动设备上不起作用
我在我的 laravel 项目中实现了签名板(https://github.com/szimek/signature_pad )。它在桌面上运行良好。当我尝试在移动设备中使用它时,我无法绘制任何东西。
我在移动设备上测试演示示例并运行(http://szimek.github.io/signature_pad/)。
我认为我的问题可能与画布调整大小有关。在元视口中,我添加了以下内容:
我的jQuery代码是:
还有我的html代码:
会是什么问题?