在好例子网,分享、交流、成长!
您当前所在位置:首页C# 开发实例C#图形和图像处理 → c# 手写签名打印并上传(asp.net)

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

C#图形和图像处理

下载此实例
  • 开发语言:C#
  • 实例大小:21.41M
  • 下载次数:18
  • 浏览次数:247
  • 发布时间:2020-11-27
  • 实例类别:C#图形和图像处理
  • 发 布 人:1220516599
  • 所需积分:2
 相关标签: 手写签名 手写 签名 打印 上传

实例介绍

【实例简介】手写签名打印并上传
【实例截图】from clipboard

【核心代码】

@{
    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>


实例下载地址

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

不能下载?内容有错? 点击这里报错 + 投诉 + 提问

好例子网口号:伸出你的我的手 — 分享

网友评论

发表评论

(您的评论需要经过审核才能显示)

查看所有0条评论>>

小贴士

感谢您为本站写下的评论,您的评论对其它用户来说具有重要的参考价值,所以请认真填写。

  • 类似“顶”、“沙发”之类没有营养的文字,对勤劳贡献的楼主来说是令人沮丧的反馈信息。
  • 相信您也不想看到一排文字/表情墙,所以请不要反馈意义不大的重复字符,也请尽量不要纯表情的回复。
  • 提问之前请再仔细看一遍楼主的说明,或许是您遗漏了。
  • 请勿到处挖坑绊人、招贴广告。既占空间让人厌烦,又没人会搭理,于人于己都无利。
;
报警