HTML5 canvas文本应用 文本应用
提问人:刘团圆发布时间:2020-11-14
文本绘制由以下两个方法组成:fillText(text,x,y,maxwidth); trokeText(text,x,y,maxwidth)。
两个函数的参数完全相同,必选参数包括文本参数以及用于指定文本位置的坐标参数。maxwidth是可选参数,用于限制字体大小,它会将文本字体强制收缩到指定的尺寸。此外,还有一个measureText函数可供使用,该函数会返回一个度量对象,其中包含了在当前context环境下,指定文本的实际显示宽度。
为了保证文本在各浏览器中都能正常显示,canvas API为context提供了类似于CSS的属性,以此来保证实际显示效果的高度可配置,文本呈现的相关context属性如表所示。
属性 | 值 | 铪注 |
font | css字体字符串 | ^italic Aridl, scan-serif |
textAlign | start、end、left、right、center | 默认是start |
textBdseline | top、hanging、middle、alphabetic^ ideographic、bottom | 默认是d丨phdbetic |
继续查找其他问题的答案?
相关视频回答
回复(0)
点击加载更多评论>>