{extend name="beike/base" /}
{block name="staticcontent"}
    <meta http-equiv="mobile-agent"
          content="format=xhtml; url=http://bk.cooco.net.cn/mdown-jiaoan-686797.html">
    <meta http-equiv="mobile-agent"
          content="format=html5; url=http://bk.cooco.net.cn/mdown-jiaoan-686797.html">

    <style>
        .layui-btn.downBtn {
            display: block;
            width: 100px;
            height: 32px;
            line-height: 32px;
            background-color: #F2594C;
            border-radius: 3px;
            font-size: 14px;
            color: #ffffff;
            text-align: center;
        }
        .tc_wrape {
            position: fixed;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background: rgb(0,0,0,0.25);
        }
        .tc {
            width: 350px;
            height: 200px;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            margin: auto;
            border: 2.5px solid #F2594C;
            border-radius: 3px;
            box-shadow: 2px 2px 2px 2px rgb(242 89 76 / 15%);
            background: #fff;
        }
        .tc p {
            float: right;
            display: block;
            font-size: 14px;
            cursor: pointer;
            text-align: right;
            background: rgb(0,0,0,0.25);
            color: #fff;
            padding: 1px 3px;
        }
        .tc_tit {
            width: 100%;
            height: auto;
            font-size: 14px;
            text-align: center;
            color: #000;
            clear: both;
        }
        .span_inp {
            width: 250px;
            height: 50px;
            border: 1px solid #000;
            margin: 10px auto;
        }
        .span_inp span {
            float: left;
            display: inline-block;
            width: 50%;
            height: 100%;
            background: #F2594C;
            color: #fff;
            text-align: center;
            line-height: 50px;
        }
        .span_inp input {
            float: left;
            display: inline-block;
            border: 0;
            width: 50%;
            height: 99%;
            outline: none;
            text-align: center;
        }
        .tc button {
            display: block;
            width: 150px;
            height: 50px;
            border: 0;
            color: #fff;
            margin: 0 auto;
            background: #4cadf2;
            cursor: pointer;
        }
        .tc_wrape {
            display: none;
        }
        .captcha_code {
            font-size: 25px;
        }
    </style>
{/block}

{block name="tipcontent"}{/block}

{block name="content"}
    <div id="position">您现在的位置：&nbsp;
        <a href="http://bk.cooco.net.cn" class="LinkPath">第一备课网</a>&nbsp;&gt;&gt;&nbsp;
        <a href="http://bk.cooco.net.cn/jiaoan/" class="LinkPath">教案下载</a>&nbsp;&gt;&gt;&nbsp;
        <a href="http://bk.cooco.net.cn/list-jiaoan-yuwen/" class="LinkPath">
            语文教案下载</a>&nbsp;&gt;&gt;&nbsp;
        <a href="http://bk.cooco.net.cn/tag-sinianjiyuwenjiaoan/" class="LinkPath">四年级语文教案下载</a>&nbsp;&gt;&gt;&nbsp;
        观潮下载
    </div>

    <div id="mbList">
        <div class="titleShare">
            <span class="share"></span>
            <strong>观潮下载页</strong>
        </div>
        <div class="guge"></div>
        <h1 style="background:none;">观潮下载页</h1>
        <div class="Attribute">分类：
            <span><a href="http://bk.cooco.net.cn/tag-sinianjiyuwenjiaoan/" class="LinkPath">四年级语文教案</a></span>
        </div>

        <div class="clear"></div>
    </div>

    <div class="main">
        <div class="fontsLeft" style="width:100%">
            <div class="mbPic" style="border: gray 1px solid; position:relative;">
                <h1>观潮文件:</h1>
            </div>
            <div>
                <table class="layui-table" lay-skin="line">
                    <colgroup>
                        <col width="500">
                        <col width="50">
                        <col>
                    </colgroup>
                    <tbody>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">课堂观察记录与分析《观潮》</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="49054">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">课堂观察记录与分析《观潮》</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="22707">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">观潮教案(八年级语文)</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="49026">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">观潮导学案(八年级语文)</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="22678">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">《观潮》《湖心亭看雪》测试</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="22845">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">八年级语文《观潮》导学案</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="22706">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">观潮教案2(八年级语文)</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="49024">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">观潮教案(八年级语文)</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="22679">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">八年级语文《观潮》导学案</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="49053">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">3《观潮》教案学案一体化教案</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="49051">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">观潮教案1(八年级语文)</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="22676">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">观潮教案2(八年级语文)</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="22677">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">观潮导学案(八年级语文)</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="49025">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">观潮教案1(八年级语文)</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="49023">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">3《观潮》教案学案一体化教案</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="22704">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">人教版语文四年级上册《观潮》同步练习</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="49044">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">人教版语文四年级上册《观潮》同步练习</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="22697">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">八年级上-《观潮》《湖心亭看雪》测试[原创]-试卷</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="22846">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">八年级语文28.《观潮》导学案(靖边县第六中学)</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="22705">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">八年级语文28.《观潮》导学案(靖边县第六中学)</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="49052">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">八年级语文(上册)文言文阅读题系列之《观潮》(附答案)</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="22698">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">八年级语文(上册)文言文阅读题系列之《观潮》(附答案)</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="49045">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">语文：第28课《观潮》同步练习1(人教新课标八年级上册)</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="22700">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">语文：第28课《观潮》同步练习1(人教新课标八年级上册)</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="49047">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">八年级语文上册_第六单元_28《观潮》教学设计_新人教版</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="22699">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">八年级语文上册_第六单元_28《观潮》教学设计_新人教版</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="49046">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">《观沧海》</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="9517">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">《观沧海》</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="13433">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">《鸡毛信》观后感</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="76459">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">观《马拉松》有感</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="71487">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">观《马拉松》有感</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="71488">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">《观沧海》教学案2</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="9495">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">观《开天辟地》有感</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="101421">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">《鸡毛信》观后感</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="76458">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">《观沧海》教学设计</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="9515">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">《观沧海》教学设计</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="13431">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">《观书有感》教学反思</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="107912">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">《观书有感》教学设计</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="107913">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">《观沧海》教学案2</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="13411">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">《八十一枚金币》观后感</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="73989">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">观舞记学案(七年级语文)</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="17941">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">观舞记练习卷(七年级语文)</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="17942">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">《古诗三首》之《观沧海》教学反思</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="13432">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">观舞记教案_七年级语文教案</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="17952">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">《古诗三首》之《观沧海》教学反思</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="9516">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">观舞记同步检测(七年级语文)</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="17940">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">课题： 最后一片叶子-观河中学</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="82100">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">探究型教学设计《观沧海》教学设计</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="13434">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">探究型教学设计《观沧海》教学设计</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="9518">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">七年级语文下册导学案19、《观舞记》</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="17956">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">自主&middot;合作&middot;探究的学习方式&mdash;《观沧海》教学设计</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="13430">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">争当新时代好少年--电影《鸡毛信》观后感</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="76455">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">自主&middot;合作&middot;探究的学习方式&mdash;《观沧海》教学设计</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="9514">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">《古诗两首(冬夜读书示子聿、观书有感)》教案设计2</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="107895">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">《古诗两首(冬夜读书示子聿、观书有感)》教案设计3</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="107896">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">三（1）班班古诗文推荐：《次北固山下》、《观沧海》、《钱塘湖春行》</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="13491">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">(观评记录)皇帝的新装(新课标人教版七年级语文上册)</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="82258">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">《古诗两首(冬夜读书示子聿、观书有感)》教案设计1</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="107894">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">(观评记录)皇帝的新装(新课标人教版七年级语文上册)</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="110147">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">(观评记录)皇帝的新装(新课标人教版七年级语文上册)</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="10979">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">三（1）班班古诗文推荐：《次北固山下》、《观沧海》、《钱塘湖春行》</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="9575">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">(观评记录)皇帝的新装(新课标人教版七年级语文上册)</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="15208">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">1、《观沧海》中，诗人借助奇特想象来表现大海吞吐日月星辰的句子是：日月之行，若出</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="13429">立即下载</button>
                            </td>
                        </tr>
                                            <tr>
                            <td><a class='down_stat doc_title' href="javascript:void(0);">1、《观沧海》中，诗人借助奇特想象来表现大海吞吐日月星辰的句子是：日月之行，若出</a></td>
                            <td>
                                <button type="button" class="layui-btn downBtn" data-key="9513">立即下载</button>
                            </td>
                        </tr>
                                        </tbody>
                </table>
            </div>
            <div>
                <ul>
                                            <li>
                            <p>
                                <strong>四年级语文观潮.doc</strong>
                                <span><a target="_blank" title="点击进入下载观潮" href="http://bk.cooco.net.cn/d-jiaoan-686797.html">进入下载</a></span>
                            </p>
                        </li>
                                    </ul>
            </div>


        </div>
    </div>

    <script>
        $(function () {
            $(".down_stat").click(function () {
                $.ajax({
                    url: "http://pro.cooco.net.cn/bk_down_stat/",
                    type: 'get',
                    data: {},
                    crossDomain: true,
                    xhrFields: {
                        withCredentials: true
                    },
                    success: function (res) {
                        if (res.code === 0) {
                            console.log('bk_stat');
                        }
                    }
                });
            });

            // 点击关闭
            $('body').on('click', '.tc_wrape .tc p', function () {
                $(this).parent().parent().hide();
            });

            // 获取当前唯一标识
            var iden = cans();
            var randNum = Math.random();

            $('.downBtn,.doc_title').click(function () {
                // 当前数据key
                var doc = $(this).attr('data-key');
                $('.verify_btn').attr('data-key', doc);

                $('.captcha_img').attr('src', 'http://bk.cooco.net.cn/captchaimg/?iden=' + iden + '&doc=' + doc + '&rand_num=' + randNum);
                $('.tc_wrape').show();
            });

            $('.captcha_img').click(function () {
                var doc = $('.verify_btn').attr('data-key');
                $('.captcha_img').attr('src', 'http://bk.cooco.net.cn/captchaimg/?iden=' + iden + '&doc=' + doc + '&rand_num=' + randNum);
            });

            $('.verify_btn').click(function () {
                var captcha_code = $('.captcha_code').val();
                var doc = $(this).attr('data-key');
                var iden = cans();

                if (captcha_code == '' || captcha_code.length != 4) {
                    alert('验证码错误，请重新输入');
                    return false;
                }

                if (doc == '') {
                    alert('操作错误，请刷新页面重试');
                    return false;
                }

                if (iden == '') {
                    alert('抱歉，系统错误，请联系客服！');
                    return false;
                }

                $.get('http://bk.cooco.net.cn/verify/?' + Math.random(), {'iden': iden, 'doc': doc, 'captcha_code': captcha_code}, function (data) {
                    if (data.code == 0) {
                        $('.captcha_code').val('');
                        $('.tc_wrape .tc p').click();
                        window.open(data.data);
                    } else {
                        alert('验证码错误');
                        $('.captcha_img').click();
                        $('.captcha_code').val('');
                        return false;
                    }
                }, 'json');
            });

            function cans() {
                var canvas = document.createElement('canvas');
                var ctx = canvas.getContext('2d');
                var txt = 'http://security.tencent.com/';
                ctx.textBaseline = "top";
                ctx.font = "14px 'Arial'";
                ctx.textBaseline = "tencent";
                ctx.fillStyle = "#f60";
                ctx.fillRect(125, 1, 62, 20);
                ctx.fillStyle = "#069";
                ctx.fillText(txt, 2, 15);
                ctx.fillStyle = "rgba(102, 204, 0, 0.7)";
                ctx.fillText(txt, 4, 17);

                var b64 = canvas.toDataURL().replace("data:image/png;base64,", "");
                var bin = atob(b64);
                var crc = bin2hex(bin.slice(-16, -12));
                return crc;
            }

            function bin2hex(str) {
                var result = "";
                for (var i = 0; i < str.length; i++) {
                    result += int16_to_hex(str.charCodeAt(i));
                }
                return result;
            }

            function int16_to_hex(i) {
                var result = i.toString(16);
                var j = 0;
                while (j + result.length < 4) {
                    result = "0" + result;
                    j++;
                }
                return result;
            }
        });
    </script>
{/block}