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>标签对一段文字内容包裹,也表示一行,也是语义化的标签。
版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。
上一篇
ps图换头教程 ps抠图换底