canvas - html2canvas 未定义
问题描述
我正在使用 angularjs 和 php 开发我的项目,需要保存一个将在最后生成的证书,其内容的证书是动态创建的,但right click->save as
由于它不是图像而无法执行,所以我为此使用了画布,但它似乎没有帮助。
我将它包含在我的 HTML 文件的 head 标记中
<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);
});
}
解决方案
推荐阅读
- python - 如果我在 Python 中将 .fit() 放在 GridSearchCV() 的末尾是否有可能?
- reactjs - Create-React-App .env 文件目录位置(非根)
- java - 如何一个接一个地接受两个输入并且第二个输出与第一个不同?
- python - 用于检查 Python 中是否存在奇怪 IP(不在白名单中的 IP)的脚本函数
- c# - SpecFlow 上下文注入线程安全吗?
- python - 2 实现棋盘的暗列表
- ubuntu - 在 qemu 下运行 xv6 遇到一些困难
- java - Wandering Robot - 在 Kickstart 中获得了 WA
- c# - Xamarin iOS 后台应用程序终止
- php - 如何从PHP中的字符串中的数组中找到确切的单词