Canvas文本换行

最新推荐文章于 2024-08-11 23:28:33 发布

dboook

最新推荐文章于 2024-08-11 23:28:33 发布

阅读量443

点赞数 2

文章标签： canvas js javascript

本文链接：https://blog.csdn.net/qq_53355629/article/details/118101434

版权

Canvas文字换行

- 代码部分

代码部分

实现逻辑
把字符串拆成一个一个写上去;
代码部分 代码片.

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
	var a= '文字偶奇偶采集卡咯大萨达  撒就 qsdsadasd';
	var b=a.split('');
	var _left=10;
	var _top=30;
	for (let i=0;i<b.length;i++){
		if(_left>130){
			_left=10; 
			_top+=30
			}
		_left+=20
		ctx.font= "20px Arial";
		ctx.measureText(b[i]).width;
		ctx.fillSty1e= 'black' ;
		ctx.fillText(b[i],_left,_top)
	}