好了，废话不多说，先下载下面的插件包

# 下载点这里 》》》》》》文件下载

好了吗，肯定好了，相信大家的网速还是比较快的

下面继续，把下载的文件引入到自己的项目中，对应修改js和css的路径哦

打开 app.js ,找到下面的代码，好了，我这边以生成 png 格式为例，

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

用下面的代码，替换掉上面代码中的 `window.open(signaturePad.toDataURL());` 其实把原来的get请求换成post请求

//调用方法 如
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";
    for (var x in PARAMS) {
        var opt = document.createElement("textarea");
        opt.name = x;
        opt.value = PARAMS[x];
        // alert(opt.name)
        temp.appendChild(opt);
    }
    document.body.appendChild(temp);
    temp.submit();
    return temp;
}

好了，差不多了，

下面再java代码中接收传过来的签名吧，这里我是用的ssm框架写的，如果用其它的框架的自己去调一下就可以了

@RequestMapping("tojson.do")
public String tojson(String lines){
    System.out.println(lines);
    return "qmok";
}