<!DOCTYPE html>
<html  xmlns:th="http://www.thymeleaf.org"
       xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4">
<head>
    <meta charset="UTF-8">
    <title>签名</title>
    <!-- android强制竖屏 ios暂时无效 -->
    <meta name="msapplication-tap-highlight" content="no">
    <!-- uc浏览器强制竖屏 -->
    <meta name="screen-orientation" content="portrait">
    <!-- QQ浏览器强制竖屏 -->
    <meta name="x5-orientation" content="portrait">

    <meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0, minimum-scale=0.5, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <meta name="sharetitle" content="全科界-精品课" />
    <meta name="sharedesc" content="赋能全科医生，培养百姓良医" />
    <meta name="sharepic" content="https://qkj-web.oss-cn-beijing.aliyuncs.com/html5/share.png" />
    <meta name="shareurl" content="" />

    <script src="/static/js/jquery-3.5.1.min.js?v="+Math.random()></script>
    <script src="/static/js/common.js?v="+Math.random()></script>
    <script src="/static/js/ucenter.js?v="+Math.random()></script>
    <link href="/static/css/html5/sign/sign.css?v=" +Math.random() rel="stylesheet" type="text/css"/>
    <link href="/static/css/html5/common.css?v=" +Math.random() rel="stylesheet" type="text/css"/>
    <script src="https://gosspublic.alicdn.com/aliyun-oss-sdk-4.4.4.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/signature_pad@4.0.0/dist/signature_pad.umd.min.js"></script>
    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?0305f34866fc4fe377f1bec6dc84d92f";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
</head>
<body>
<div id="container" class="container">
    <div class='signCont'>
        <div class="canvas-box" ref="canvasRef">
            <canvas ref="canvasMapRef" id="canvas-map" width="100" height="100"></canvas>
        </div>

        <div class="btn-box flex-row">
            <div class="rotate">
                <span class="tip">请横向签字</span>
                <span class="sure-btn" @click="makeCanvasHandle()">确认</span>
                <span class="del-btn" @click="clearCanvasHandle()">清除</span>
            </div>
        </div>
    </div>
    <div class="cover">
        请保持横向签字
    </div>
</div>
</body>
<script src="/static/js/vue.js"></script>
<script src="/static/js/jquery.cookie.js"></script>
<script src="/static/js/h5/sign/sign.js?v="+Math.random()></script>
<script src="/static/js/jweixin-1.0.0.js"></script>
<script src="/static/js/wxshare.js?version=20220630"></script>
</html>
