首页 > 代码库 > HTML5之字体
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
HTML5之字体
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。