S.H.I.E.L.D.
/
HWPenSign


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165
							<!DOCTYPE html>
<html lang=zh-cn>
<head>
    <title>纵横电子签名生成Web版</title>
    <meta charset=utf-8>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
    <link href="css/style.css" rel="stylesheet" media="screen">
    <script language="javascript" type="text/javascript">
        penwidth = 3;
        var obj;

        window.onload = function(){
            obj = document.getElementById("HWPenSign");
            obj.HWSetBkColor(0xffffff);
            obj.HWSetCtlFrame(2, 0x999999);
        }

        function Button1_onclick() {
            res = obj.HWInitialize();
        }

        function Button2_onclick() {
            var stream;
            stream = obj.HWFinalize();
        }


        function Button3_onclick() {
            obj.HWClearPenSign();
        }

        function Button6_onclick() {
            obj.HWSetPenColor(0x000000);
        }

        function Button7_onclick() {
            obj.HWSetPenColor(0xFF0000);
        }

        function Button8_onclick() {
            obj.HWSetPenColor(0x00FF00);
        }

        function Button9_onclick() {
            obj.HWSetPenColor(0x0000FF);
        }

        function Button10_onclick() {
            penwidth++;
            if(penwidth >5)
                penwidth = 5;
            obj.HWSetPenWidth(penwidth);
        }

        function Button11_onclick() {
            penwidth--;
            if(penwidth < 1)
                penwidth = 1;
            obj.HWSetPenWidth(penwidth);
        }

        function Button12_onclick() {
            obj.HWSetPenMode(1);
        }

        function Button13_onclick() {
            obj.HWSetPenMode(0);
        }

        function Button14_onclick() {
            var stream;
            stream = obj.HWGetBase64Stream(2);
            alert(stream);
        }

        function Button15_onclick() {
            obj.HWSetFilePath("d:\\sign.png");
            obj.HWSaveFile();
        }

        function signComplete() {
            Button14_onclick();
        }

        function signRestart() {
            ;
        }

    </script>

</head>
<body style="padding-top:60px">
<div class="navbar navbar-inverse navbar-fixed-top">
    <div class="navbar-inner">
        <div class="container">
            <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="brand" href="index.html">纵横电子签名生成Web版</a>
            <div class="nav-collapse collapse hide">
                <ul class="nav">
                    <li class="active"><a href="#">首页</a></li>
                </ul>
            </div><!--/.nav-collapse -->
        </div>
    </div>
</div>
<div class="container">
    <h3>签名预览</h3>
    <div class="hero-unit clearfix" style="width:960px">
        <div class="sign-view">
            <object id="HWPenSign"
                    name="HWPenSign"
                    classid="clsid:E8F5278C-0C72-4561-8F7E-CCBC3E48C2E3"
                    width="600"
                    height="300">
                <param name="wmode" value="Transparent">
            </object>
        </div>
        <div class="sign-option">
            <form class="form-horizontal">
                <div class="control-group">
                    <label class="control-label" >启动</label>
                    <div class="controls"  href="#star" role="button" class="btn" data-toggle="modal">
                        <input id="button1" type ="button" value="启动手写板" onclick ="return Button1_onclick()" class="btn btn-primary" />

                        <a class="btn disabled" >已启动</a>
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label" >画笔类型</label>
                    <div class="controls">
                        <label class="radio inline">
                            <input type="radio" id="inlineCheckbox1" value="option1"> 压力笔
                        </label>
                        <label class="radio inline">
                            <input type="radio" id="inlineCheckbox2" value="option2"> 钢笔
                        </label>
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label" for="inputPassword">笔宽粗细</label>
                    <div class="controls">
                        <div class="btn-group">
                            <button class="btn" id="Button10" onclick="return Button10_onclick()" type="button">+</button>
                            <button class="btn disabled" type="button">3</button>
                            <button class="btn" id="Button11" onclick="return Button11_onclick()" type="button">-</button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <p>
        <a class="btn btn-large btn-primary">下载签名</a>
    </p>
</div>

<script src="js/jquery-1.9.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>