{% extends "global/Page.html" %}
{% load staticfiles otree_tags %}

{% block title %}
{% endblock %}

{% block content %}


{#    <p>Here is the report.</p>#}

{#    <embed src="{% static "url_test/test.pdf#page=5" %}" type="application/pdf" />#}
{#    <iframe src="http://www.slideshare.net/slideshow/embed_code/key/fZHbg6xSXHL9Ua?startSlide=32" width="595" height="485" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" style="border:1px solid #CCC; border-width:1px; margin-bottom:5px; max-width: 100%;" allowfullscreen> </iframe>#}

{#    <div style="width:100%;height:100%;background:#404040">#}
{#        <div id="pdf-container" style=" width:1000px;margin: 0 auto;">#}
{#        </div>#}
{#    </div>#}

{#    <p><br></p>#}
{##}
{#    {% next_button %}#}

{% endblock %}

{% block scripts %}
{#    <script type="text/javascript" src="https://mozilla.github.io/pdf.js/build/pdf.js"></script>#}
{#    <script type="text/javascript" src="{% static "url_test/pdf.js" %}"></script>#}
{##}
{#    <script type="text/javascript">#}
{#//引入pdf.js之后#}
{#        var url = "{% static "url_test/test.pdf" %}";#}
{#        PDFJS.workerSrc = "{% static "url_test/pdf.worker.js" %}";#}
{##}
{#        window.onload = function () {#}
{##}
{#            //创建canvas方法#}
{#            function createPdfContainer(id, className) {#}
{#                var pdfContainer = document.getElementById('pdf-container');#}
{#                var canvasNew = document.createElement('canvas');#}
{#                canvasNew.id = id;#}
{#                canvasNew.className = className;#}
{#                pdfContainer.appendChild(canvasNew);#}
{#            };#}
{##}
{#            //渲染pdf#}
{#            function renderPDF(pdf, i, id) {#}
{#                pdf.getPage(i).then(function (page) {#}
{#                    //默认设置文档的显示大小#}
{#                    var scale = 1.5;#}
{#                    var viewport = page.getViewport(scale);#}
{##}
{#                    //#}
{#                    //  准备用于渲染的 canvas 元素#}
{#                    //#}
{##}
{#                    var canvas = document.getElementById(id);#}
{#                    var context = canvas.getContext('2d');#}
{#                    canvas.height = viewport.height;#}
{#                    canvas.width = viewport.width;#}
{#                    //#}
{#                    // 将 PDF 页面渲染到 canvas 上下文中#}
{#                    //#}
{#                    var renderContext = {#}
{#                        canvasContext: context,#}
{#                        viewport: viewport#}
{#                    };#}
{#                    page.render(renderContext);#}
{#                });#}
{#            };#}
{#            //创建和pdf页数等同的canvas数#}
{#            function createSeriesCanvas(num, template) {#}
{#                var id = '';#}
{#                for (var j = 1; j <= num; j++) {#}
{#                    id = template + j;#}
{#                    createPdfContainer(id, 'pdfClass');#}
{#                }#}
{#            }#}
{#            //读取pdf文件，并加载到页面中#}
{#            function loadPDF(fileURL) {#}
{#                PDFJS.getDocument(fileURL).then(function (pdf) {#}
{#                    //用 promise 获取页面#}
{#                    var id = '';#}
{#                    var idTemplate = 'cw-pdf-';#}
{#                    var pageNum = pdf.numPages;#}
{#                    //根据页码创建画布#}
{#                    createSeriesCanvas(pageNum, idTemplate);#}
{#                    //将pdf渲染到画布上去#}
{#                    for (var i = 1; i <= pageNum; i++) {#}
{#                        id = idTemplate + i;#}
{#                        renderPDF(pdf, i, id);#}
{#                    }#}
{#                });#}
{#            }#}
{#            //启动#}
{#            loadPDF("{% static "url_test/test.pdf" %}");#}
{#        };#}
{##}
{#        </script>#}

{% endblock %}