利用canvas根据文字画出图像

最新推荐文章于 2024-04-19 11:20:25 发布

钱端攻城狮

最新推荐文章于 2024-04-19 11:20:25 发布

阅读量208

点赞数

分类专栏： js 文章标签：服务器前端 javascript

本文链接：https://blog.csdn.net/m0_54932975/article/details/127684018

版权

js 专栏收录该内容

86 篇文章 3 订阅

订阅专栏

getImg(size, text,color) {
	let colors = [
	"#fd8a23", '#128ad2',
	];
	let cvs = document.createElement("canvas");
	cvs.setAttribute('width', size[0]);
	cvs.setAttribute('height', size[1]);
	let ctx = cvs.getContext("2d");
	ctx.fillStyle = colors[color];
	ctx.fillRect(0, 0, size[0], size[1]);
	ctx.fillStyle = 'rgb(255,255,255)';
	ctx.font = size[0]*0.6+"px Arial";
	ctx.textBaseline = "middle";
	ctx.textAlign = "center";
	ctx.fillText(text,size[0]/2,size[1]/2);
	return cvs.toDataURL('image/jpeg', 1);
	}