HTML5之字体
- 使用CSS样式来定义
context.font = [CSS font property]
context.font = [font-style font-variant font-weight font-size font-family ]
属性名:font-style/font-variant/font-weight/font-size/font-family
只有font-size和font-family是必须的
如果指定的字体找不到会使用默认的字体
可以指定网络路径字体 @font-face{fontfamily:Scriptina;src:url('fonts/scriptina.ttf');}
--- 水平对齐方式
- textAlign属性用于判断水平对齐方式
context.textAlign = [left|right|center|*start|end]
- 修改浏览器字体排列方向
document.dir = [*|tr|rtl]
--- 垂直对齐方式
- textBaseline 指定垂直对齐方式
context.textBaseline = [top|middle|*alphabetic|bottom|hanging|ideographic]
--- 绘制文字
- 类似于绘制图形,首先fill然后stroke
context.fillText(text,x,y,maxwidth)
context.strokeText(text,x,y,maxwidth)
- 测量文字宽度
TextWidth = context.measureText(text).width
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步