|
|
@@ -814,6 +814,8 @@
|
|
|
确定
|
|
|
</div>
|
|
|
</el-dialog>
|
|
|
+ <div v-html="iframeInnerHtml" ref="iframeIh" class="iframeBox">
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
@@ -826,6 +828,7 @@ export default {
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
+ iframeInnerHtml:"",
|
|
|
pdfUrl:
|
|
|
"https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/0629%E5%AE%9E%E6%97%B6%E8%AF%BE%E5%A0%82%E6%A8%A1%E6%8B%9F%E6%BC%94%E7%A4%BA%E8%AF%BE%E4%BB%B61656920880446.pdf",
|
|
|
ppage: 2,
|
|
|
@@ -1213,27 +1216,31 @@ export default {
|
|
|
iframeHtml = this.$refs.grid;
|
|
|
}
|
|
|
iframeBody = iframeHtml.contentWindow.document.body;
|
|
|
+ this.iframeInnerHtml = iframeBody.innerHTML;
|
|
|
+ var iframeIh = this.$refs.iframeIh;
|
|
|
+ iframeIh.innerHTML = this.iframeInnerHtml
|
|
|
+ this.$forceUpdate();
|
|
|
+ console.log(iframeIh);
|
|
|
+ // var iframeHtml = this.$refs.whiteBoard;
|
|
|
// 第一个参数是需要生成截图的元素,第二个是自己需要配置的参数,宽高等
|
|
|
- return new Promise(function (resolve, reject) {
|
|
|
- html2canvas(iframeBody, {
|
|
|
- backgroundColor: null, //画出来的图片有白色的边框,不要可设置背景为透明色（null）
|
|
|
- useCORS: true, //支持图片跨域
|
|
|
- scale: 1, //设置放大的倍数
|
|
|
- }).then((canvas) => {
|
|
|
- // 把生成的base64位图片上传到服务器,生成在线图片地址
|
|
|
- let url = canvas.toDataURL("image/png"); // toDataURL: 图片格式转成 base64
|
|
|
- this.imgUrl = url; //将图片下载到本地
|
|
|
- let a = document.createElement("a"); // 生成一个a元素
|
|
|
- let event = new MouseEvent("click"); // 创建一个单击事件
|
|
|
- a.download = "作业"; // 设置图片名称没有设置则为默认
|
|
|
- a.href = this.imgUrl; // 将生成的URL设置为a.href属性
|
|
|
- a.dispatchEvent(event); // 触发a的单击事件
|
|
|
- let file = this.dataURLtoFile(url, "作业");
|
|
|
- this.imgFile = file;
|
|
|
- this.beforeUpload2(this.imgFile);
|
|
|
- this.addSWork();
|
|
|
- console.log(this.imgFile);
|
|
|
- });
|
|
|
+ html2canvas(iframeIh, {
|
|
|
+ backgroundColor: null, //画出来的图片有白色的边框,不要可设置背景为透明色（null）
|
|
|
+ useCORS: true, //支持图片跨域
|
|
|
+ scale: 1, //设置放大的倍数
|
|
|
+ }).then((canvas) => {
|
|
|
+ // 把生成的base64位图片上传到服务器,生成在线图片地址
|
|
|
+ let url = canvas.toDataURL("image/png"); // toDataURL: 图片格式转成 base64
|
|
|
+ this.imgUrl = url; //将图片下载到本地
|
|
|
+ let a = document.createElement("a"); // 生成一个a元素
|
|
|
+ let event = new MouseEvent("click"); // 创建一个单击事件
|
|
|
+ a.download = "作业"; // 设置图片名称没有设置则为默认
|
|
|
+ a.href = this.imgUrl; // 将生成的URL设置为a.href属性
|
|
|
+ a.dispatchEvent(event); // 触发a的单击事件
|
|
|
+ let file = this.dataURLtoFile(url, "作业");
|
|
|
+ this.imgFile = file;
|
|
|
+ this.beforeUpload2(this.imgFile);
|
|
|
+ this.addSWork();
|
|
|
+ console.log(this.imgFile);
|
|
|
});
|
|
|
},
|
|
|
dataURLtoFile(dataurl, filename) {
|
|
|
@@ -1760,4 +1767,9 @@ img {
|
|
|
.toolImg > div {
|
|
|
font-size: 14px;
|
|
|
}
|
|
|
+.iframeBox{
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ z-index: -2;
|
|
|
+}
|
|
|
</style>
|
zengyicheng