利用canvas根据文字画出图像

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
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);
}

利用canvas根据文字画出图像
http://ultracode.cn/2021/12/16/Canvas/利用canvas根据文字画出图像/
作者
Win
发布于
2021年12月16日
许可协议