合并多张canvas

最新推荐文章于 2023-10-31 15:01:21 发布

已入陆地神仙

最新推荐文章于 2023-10-31 15:01:21 发布

阅读量2.5k

点赞数 1

分类专栏： js 文章标签： javascript 前端 html5

本文链接：https://blog.csdn.net/qq_43604182/article/details/121075005

版权

js 专栏收录该内容

12 篇文章 1 订阅

订阅专栏

合并多张canvas

//获取canvas
let canvas1 = document.querySelector("canvas");
let canvas2 = "";
await html2canvas(document.querySelector("jmnodes")).then((canvas) => {
  canvas2 = canvas;
});
//创建新的canvas
let newCanvas = document.createElement("canvas");
newCanvas.width = canvas1.width;
newCanvas.height = canvas1.height;
let context = newCanvas.getContext("2d");
//这里很关键
context.drawImage(canvas2, 0, 0);
context.drawImage(canvas1, 0, 0);
this.imgUrl = newCanvas.toDataURL("image/png");