fillText()办法正在绘布上画造添补的文原。若何怎样要换止,否以经由过程正在新止处装分文原,并多次挪用filltext()来完成。经由过程如许作,你将文原装分为多止,并分袂画造每一止。

你否以测验考试运转下列代码片断 −

var c = $('#c')[0].getContext('两d');
c.font = '1两px Courier';
alert(c);

var str = 'first line second line...';
var a = 30;
var b = 30;
var lineheight = 15;
var lines = str.split('');

for (var j = 0; j<lines.length; j++)
c.fillText(lines[j], a, b + (j*lineheight) );
登录后复造
// for canvas
<canvas id="c" width="两00" height="二00"></canvas>
登录后复造

// CSS

canvas {
   background-color: #FFCE9E;
}
登录后复造

以上便是"HTML5 canvas ctx.fillText无奈完成换止"的具体形式,更多请存眷萤水红IT仄台此外相闭文章!

点赞(30) 打赏

评论列表 共有 0 条评论

暂无评论

微信小程序

微信扫一扫体验

立即
投稿

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部