canvas 合成图片

/**创建canvas**/

var canvas = document.createElement("canvas");

//设置宽高

canvas.width = 750;

canvas.height = 1000;

var ctx = canvas.getContext("2d");

//包含的图片

var bacImg = new Image();

bacImg. src = //图片地址;

bacImg. onload = function () {

                //将图片放到canvas，this代表当前图片的对象，剩余参数为X,Y,图片宽度，图片高度

                

         ctx. drawImage( this, 25, 50, 700, 950);

                // 若有多个图片，可以在onload里面再重复以上代码

                //所需文字

ctx. fillStyle = "#FFF";

ctx. font = "35px 宋体 bolder";

ctx. textAlign = "center";

ctx. fillText( '文字内容', 375, 105);

                //生成图片地址base64

                var dataUrl = canvas. toDataURL( "image/png");

}