对于手写签名生成图片储存和回显的实现

最新推荐文章于 2024-05-17 11:16:29 发布

天才之上

最新推荐文章于 2024-05-17 11:16:29 发布

阅读量9.8k

点赞数 2

文章标签：手写签名网页上手写签名签名网页手写图片获取

本文链接：https://blog.csdn.net/weixin_36795183/article/details/77222320

版权

对于网页上手写签名获取图片储存和回显的实现

摘要由CSDN通过智能技术生成

首先感谢网络上分享的文章：http://www.benhailong.com/index.php

js+css的demo下载地址：点击这里

把下载的文件引入到自己的项目中，对应修改js和css的路径。打开 app.js ,找到下面的代码，我这边以生成 png 格式为例

savePNGButton.addEventListener("click", function (event) {
    if (signaturePad.isEmpty()) {
        alert("请先提供签名。");
    } else {
        window.open(signaturePad.toDataURL());
    }
});

用下面的代码，替换掉上面代码中的 window.open(signaturePad.toDataURL()); 修改对应的url

//调用方法 如
post('/ProjectAdmin/tojson.do', {'lines' :signaturePad.toDataURL()});

并在文件末尾添加以下代码

function post(URL, PARAMS) {
    var temp = document.createElement("form");
    temp.action = URL;
    temp.method = "post";
    temp.style.display = "none";
    fo