使用canvas对多图片拼合并导出图片的方法

前端之家收集整理的这篇文章主要介绍了使用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); }

猜你在找的HTML5相关文章