html2canvas не определен - PullRequest
Новая
       11

html2canvas не определен

1 голос
/ 07 июня 2019

Я разрабатываю свой проект, используя angularjs и php, и мне нужно сохранить сертификат, который будет сгенерирован в конце. Сертификат с его содержимым создается динамически, но не может сделать right click->save as, так как это не изображение, поэтому я использовалCanvas для этого, но, похоже, это не помогает.

Я включил это в тег head моего HTML-файла 

<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.5.0-alpha1/html2canvas.js">
</script>

Но все равно он говорит: «html2canvas не определен»

МОЙ HTML-КОД: 

<div class="userCertificate" id="html-content-holder">
    <div class="secondborder">
        <img src="images/ISRO_Logo.png" height="80px" alt="ISRO_LOGO" style="text-align: left">
        <div class="content">
            <h2 style="color:#f47216">NATIONAL REMOTE SENSING CENTRE</h2>
            <br>
            <h1>Certificate Of Appreciation</h1>
            <br>
            <p>This certificate is awarded to </p>
            <h1><span class="Name"> {{studentname}} </span></h1>
            <p>from <span class="collegeName">{{collegeName}}</span> for succesfully qualifying online quiz exam with score of <span class="collegeName">{{marks}}</span> %</p>
            <p> conducted on 6/06/2019</p>
        </div>
        <img src="images/stamp.PNG" height="80px" alt="ISRO_LOGO" style="float: right;margin-top: 80px;margin-right: 30px">
    </div>
</div>

<input type='button' id='but_screenshot' value='Take screenshot' onclick='screenshot();'>

Мой код Javascript: 

function screenshot() {
            html2canvas(document.getElementById('userCertificate')).then(function(canvas) {
                document.body.appendChild(canvas);
            });
        }
...