c# 手写签名打印并上传(asp.net)

基本信息

源码名称：c# 手写签名打印并上传(asp.net)

源码大小：21.41M

文件格式：.zip

开发语言：C#

更新时间：2020-11-27

友情提示：（无需注册或充值，赞助后即可获取资源下载链接）

嘿，亲！知识可是无价之宝呢，但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下，绝对物超所值哦！如有下载和支付问题，请联系我们QQ(微信同号)：813200300

本次赞助数额为： 2 元　

源码介绍

手写签名打印并上传

@{
    ViewBag.Title = "Home Page";
    Layout = null;
}

<!DOCTYPE html>
<html>

<head>
    <title>手写签名打印—demo</title>
    <!--<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />-->
    <meta charset="UTF-8">
    <meta name="description" content="overview & stats" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
    <style type="text/css">
        #content {
            width: 100%;
            height: 100%;
            position: absolute;
        }

        #war {
            width: 80%;
            height: 80%;
            margin: 0 auto;
            padding: 20px;
            border: 2px solid #000000;
        }

        #signature {
            width: 100%;
            height: 100%;
        }

        #footer {
            text-align: center;
        }
    </style>
</head>

<body>

    <div id="content">
        <div id="war">
            <!--签名区域-->
            <div id="signature" style="background:#ffffff"></div>
        </div>
        <div id="Print" style="display: none;">
            <!--打印区域-->
            <div class="PrintArea"></div>
        </div>
        <div id="footer">
            <input id="Btn_print" type="button" value="打印" />
            <input id="Btn_reset" type="button" value="重写" />
            <input id="Btn_Save" type="button" value="上传" />
        </div>
    </div>

    <!--把Jqurey引入到项目中-->
    <script src="~/Scripts/jquery-1.10.2.min.js"></script>
    <!--把jSignature引入到项目中-->
    <script src="~/Scripts/MyJs/jSignature.min.js"></script>
    <!--把PrintAreay引入到项目中-->
    <script src="~/Scripts/MyJs/jquery.PrintArea.js"></script>
    <script type="text/javascript">
			var $Sigdiv = $("#signature"); //声明jSignature部件对象
			//inits的画布样式
			var arguments = {
				width: '100%', //长度
				height: '100%', //宽度
				color: '#000', //画笔颜色
				"decor-color": "transparent", //去除默认画布上那条横线
				lineWidth: '3' //画笔笔触大小
			};
			//inits的jSignature部件。（也可调用有无参数的重载函数）
			//$Sigdiv.jSignature();
			$Sigdiv.jSignature(arguments);



            //清除画布事件
            $("#Btn_reset").click(function(){
                $Sigdiv.jSignature("reset"); //重置画布.
                $(".PrintArea").html("");
            });

       		//保存
            Btn_Save.onclick = function () {

                pd();
                //做为普通的字符串POST到服务端
                var data = { "ImageData": $("img")[0].src };
                $.post("/Upload/ImageAct", data, function (res) { alert(res.Msg); }, "json");
                
                
            }



            //打印事件
            $("#Btn_print").click(function () {
                pd();  
                $(".PrintArea").printArea();
            });

            
            function pd() {
                //判断签名图片是否已经生成
                if ($('.PrintArea').children().length > 0) {
                    $(".PrintArea").html("");//清空图片容器
                    bc();
                } else {
                    bc();
                }
            }


            function bc() {
                //将画布内容转换为图片
                var datapair = $Sigdiv.jSignature("getData", "image");
                var i = new Image();
                i.src = "data:"   datapair[0]   ","   datapair[1];
                $(i).appendTo($(".PrintArea"));
            }
 		
            
 		
       
    </script>
</body>

</html>