前端之家收集整理的这篇文章主要介绍了
使用canvas对多图片拼合并导出图片的方法,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
先说下canvas绘图的基本
方法,如下:
const myCanvas = document.createElement('canvas');
myCanvas.width = 400;
myCanvas.height = 400;
const ctx = myCanvas.getContext('2d');
const img = new Image();
img.src = "1.jpg";
//当
图片加载完毕的时候在drawImage,否则可能
图片还没有加载完毕
img.onload=()=>{
ctx.drawImage(img,100,50);
}