js多张图合成一张图片的几种方式

merge-images.js多张图片合并成一张图片插件,可设置位置透明度高宽

最近项目中遇到一个问题,如何将多张图片合成一张,如上图,找了好多方案。

第一种使用原生js解决,创建一个canvas

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
var imageObj1 = new Image();
var imageObj2 = new Image();
imageObj1.src = "1.png"
imageObj1.onload = function() {
   ctx.drawImage(imageObj1, 0, 0, 328, 526);
   imageObj2.src ...

点击查看剩余70%

{{collectdata}}

网友评论0