2016 - 2024

感恩一路有你

html5换行标签 HTML5 canvas的绘制文本如何自动换行?

浏览量:1535 时间:2021-04-03 22:49:47 作者:admin

HTML5 canvas的绘制文本如何自动换行?

自己替换变量与格式化,不用谢……

// 内容

let content = detail.content

ctx.font = "16px 微软雅黑"

ctx.fillStyle = "#000"

textWidth = 660

let lineWidth = 0

let fullWidth = 0

for(let i = 0 i < content.length i ) {

lineWidth = ctx.measureText(content[i]).width

if(lineWidth < textWidth) {

ctx.fillText(content[i], canvasWidth / 2 - textWidth / 2 lineWidth, 350)

fullWidth = lineWidth

} else {

ctx.fillText(content[i], canvasWidth / 2 lineWidth - fullWidth - 76, 370)

}

}

h5中表示换行的是什么标记?

h5中表示换行的标记是<br/>,表示另起一行。另外可以使用<p>标签对一段文字内容包裹,也表示一行,也是语义化的标签。

html5换行标签 文字自动换行怎么设置 html换行符

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。