个人中心
文章发布
退出
作者热门文章
- Java 双重比较
- java - 比较器与 Apache BeanComparator
- Objective-C 完成 block 导致额外的方法调用？
- database - RESTful URI 是否应该公开数据库主键？
28
4
我在使用 npm 模块 - signature_pad 时遇到问题，似乎无法设置它。目前我使用的只是普通的 HTML、CSS 和 JS。目前，我不断收到一条错误消息:SignaturePad is not defined。我尝试使用 import SignaturePad from 'signature_pad' 从我的 package.JSON 文件导入模块，但我收到一条错误消息，提示 unexpected token import。
我在下面附上了我的 HTML 和 JS 代码。有什么建议吗？
JavaScript
var wrapper1 = document.getElementById("signature-pad-1"),
canvas1 = wrapper1.querySelector("canvas"),
signaturePad1;
resizeCanvas(canvas1);
signaturePad1 = new SignaturePad(canvas1);
function resizeCanvas(canvas) {
var ratio = window.devicePixelRatio || 1;
canvas.width = canvas.offsetWidth * ratio;
canvas.height = canvas.offsetHeight * ratio;
canvas.getContext("2d").scale(ratio, ratio);
}
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Sign Here</title>
<link rel="stylesheet" href="main.css">
</head>
<body>
<div class="contract">
<h1>Signature Below</h1>
<p>ABC</p>
<div id="signature-pad-1" class="m-signature-pad">
<div class="m-signature-pad--body">
<canvas></canvas>
</div>
</div>
<script type="text/javascript" src="./js/sig_pad.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/signature_pad/1.5.3/signature_pad.min.js"></script>
</body>
</html>
最佳答案
已解决。交换脚本的顺序并首先制作 signature_pad.min.js 脚本似乎已经解决了这个问题。
<script src="https://cdnjs.cloudflare.com/ajax/libs/signature_pad/1.5.3/signature_pad.min.js"></script>
<script type="text/javascript" src="./js/sig_pad.js"></script>
关于javascript - SignaturePad 未定义 - 无法将 signature_pad 模块初始化为脚本，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/43566697/
28
4
0
我无法将 SignaturePad 图像正确保存到我的服务器。 uri 正确地从 Javascript 传递到 PHP，因为我可以在 html 中单独渲染 uri。但是，当我尝试将其导出为 png 文
我正在使用angular2-signaturepad . 我正在尝试验证签名板。像这样 savePad() { this.signature = this.signaturePad.toD
我正在使用 SignaturePad使用 Xamarin.Forms，它甚至在基本硬件设备上也能正常工作，但我一直在努力解决只有一台设备的奇怪行为:三星 Galaxy Tab E 7.0 3G SM-
我正在使用 SignaturePad。 ( https://github.com/szimek/signature_pad ) 根据 API，onBegin() 在笔划开始时被调用，但它似乎只在页面加
我在使用 npm 模块 - signature_pad 时遇到问题，似乎无法设置它。目前我使用的只是普通的 HTML、CSS 和 JS。目前，我不断收到一条错误消息:SignaturePad is n
我正在尝试在我的 React 项目中实现 SignaturePad，我可以绘制签名，但我无法访问属性以清除或保存它。我在 ref={signCanvas} 以及 current.clear() 和 s
我正在尝试在我的 React 项目中实现 SignaturePad，我可以绘制签名，但我无法访问属性以清除或保存它。我在 ref={signCanvas} 以及 current.clear() 和 s
我们的应用程序具有在便笺簿上绘制签名的功能。我们正在使用由 szimek 创建的签名板并使用 Ionic AngularJS 框架。 用例描述 此人点击一个按钮，系统打开一个模态屏幕，然后显示签名板。
我正在构建一个使用 Angular 7 的项目。我目前正在尝试实现签名并将签名图像保存在数据库中。所以我选择“angular2-signaturepad”包来实现签名。在抽签完成之前它工作正常。签名抽
我一直在使用签名板 ( https://github.com/szimek/signature_pad/ ) 捕获用户签名。我需要能够将这些签名转换为保留签名图像的 jpeg。如果图像只是一个大黑盒子
我是一名优秀的程序员,十分优秀！