img-synthesis

图片合成应用

添加头像

import IS from '../src/imgSynthesis.min.js';
let is = new IS(950,300,"#0381ff");
//addHead(图片,宽度,x,y)
is.addHead(hd,50,10,10).then(e=>{
	let img = new Image();
	img.src = is.getImg();
	document.querySelector(".drow").appendChild(img);
});

添加文字

import IS from '../src/imgSynthesis.min.js';
let is2 = new IS(950,300, "#0381ff");
is2.addTxt("有人吗？",100, 100,{
	w:256, h:0,//宽高
	size:'44px',//文字大小
	color:'#ffffff',//文字颜色
	writingMode:'td',//竖排显示
	align:'center' //对齐方式
});
//多文本添加
is2.addTxts([['千山鸟飞绝', 100, 50],['万径人踪灭', 200, 150]]).then(e=>{
let img2 = new Image();
img2.src = is2.getImg();
document.querySelector(".drow2").appendChild(img2);
})
let img2 = new Image();
img2.src = is2.getImg();
document.querySelector(".drow2").appendChild(img2);

添加图片

let is3 = new IS(950, 300);
let url =
'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAAB8CAMAAAAvgZn6AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAb1BMVEUAAADORUXdgH7bdnbRTUzYbW3TVFPZbWz+/f3ijY378/Ppra312dnpqan//v7yy8vuu7r99/f67+/SUU/34+Pwysrhjo7UWVjzzs7XZGTvv7/54+Pqra3ORUTlnJrfh4fLODjLNzfINzfLODf///8xijbnAAAAI3RSTlMA8MzP6dPj1OfH1MHDwfHAv9jP58fBxuDB2L/GwPHDyEldHI9hLNYAAAABYktHRCS0BvmZAAAAB3RJTUUH4QgJAiQLOQqKjAAAAWVJREFUeNrt3clSwkAUhtEwGMARxBFFUHn/Z2Tfd0GIN1SsnG/d/Sd1smRB9as/VSEACBAgQAEECBCgAAIECFAAAQIcMOBonNIkDE9zhq/CcD2+WKMGgLNDSvMwvMgZvg7DN4eLNQMIECBAgAABAgQIECBAgAABAgQIECDAMwFv78rucwAfwnAS4LLcXYYjq/Dsx84AF+HWPAcwvmAS4Lq8tA5HnsLwM0CAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIMB/D/jyWgbwLMAGAQQIECBAgAABAgQIECBAgAABAgQIEGBvAOu3072HW5vyyKYV4MfpZ3+G4UmDN96Wl7bhyFcY3oUzdQPAzmr3m0jfAwgQIECAAAECBAgQIECAAAECBAgQ4IAA9x31HR41bfXHd/ueV3XVT9YXHmoAAQIECBAgQIAAAQIECBAgQIAAAQLsXUeZgqjubEflUgAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxNy0wOC0wOVQwMjozNjoxMSswMDowMFUH2vMAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTctMDgtMDlUMDI6MzY6MTErMDA6MDAkWmJPAAAAAElFTkSuQmCC'
//添加单张图片
is3.addImg(url,100,100).then(e=>{
	//添加多张图片
	is3.addImgs([  
		//自定义宽高
		[url,0,0,{w:50,h:30}],
		[url,200,50, { w: 50, h: 30 }]
	]).then(e=>{
		let img3 = new Image();
		img3.src = is3.getImg();
		document.querySelector(".drow3").appendChild(img3);
	})
})