文本绘制由以下两个方法组成: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 |
已有 22658 名学员学习以下课程通过考试
最需教育客户端 软件问题一手掌握
去 App Store 免费下载 iOS 客户端
点击加载更多评论>>