网页特效栏目收集了最全最新的前端网页插件,包括最流行的jQuery,Bootstrap,Js,Css,Vue等主流特效插件。
一个轻量级,易于使用的jQuery在线手写签名插件,使您能够在HTML5 canvas元素上绘制平滑的线条和曲线。特别适合在您的Web应用程序上收集用户的电子签名。
Chrome,IE10 +,FireFox,Opera,Safari
1.将jQuery Drawpad插件的文件插入HTML文档。
<link rel="stylesheet" href="jquery-drawpad.css" />
<script src="/path/to/cdn/jquery.min.js"></script>
<script src="jquery-drawpad.js"></script>
2. 创建一个容器来容纳绘图板。
<div id="target" class="drawpad-dashed"></div>
3.在此容器上调用该函数并完成。
$(function(){
$("#target").drawpad();
});
4.确定默认颜色。默认值:“#000”。
$("#target").drawpad({
defaultColor: "#222"
});
5. 覆盖在绘图板上显示的调色板的默认颜色。
$("#target").drawpad({
colors: [
"#000000", //black
"#2ecc71", //green
"#3498db", //blue
"#e74c3c", //red
"#f1c40f", //yellow
"#9b59b6", //purple
"#e67e22", //orange
],
});
6.自定义橡皮擦工具的大小。默认值:10(px)。
$("#target").drawpad({
eraserSize: 20
});
转载请注明来源:轻量级,易于使用的jQuery手写签名插件
本文永久链接地址:https://www.moyouyouw.cn/code/1325.html
郑重声明:本站所有主题/文章除标明原创外,均来自网络转载,版权归原作者所有,如果有侵犯到您的权益,请联系本站删除,谢谢!我们不承担任何技术及版权问题,且不对任何资源负法律责任。
已有 位小伙伴发表了看法
欢迎 你 发表评论