博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
HTML5之字体
阅读量:6567 次
发布时间:2019-06-24

本文共 752 字,大约阅读时间需要 2 分钟。

- 使用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

 

转载于:https://www.cnblogs.com/xgao/p/4200955.html

你可能感兴趣的文章
mbr,gpt,开机启动流程.
查看>>
CENTOS下搭建SVN服务器
查看>>
零基础到精通Linux,从这篇文章开始
查看>>
Python最简编码规范
查看>>
grep与正则表达式
查看>>
js模块化编程之CommonJS和AMD/CMD
查看>>
12月26日二周二次【Python基础语法】
查看>>
Android L 新特性
查看>>
学习笔记第十七节课
查看>>
Python 爬取图片链接并且解析
查看>>
初学图论-Bellman-Ford单源最短路径算法
查看>>
初学算法-快速排序与线性时间选择(Deterministic Selection)的C++实现
查看>>
NFS网络文件系统
查看>>
SSH远程管理(用户登录控制及密码验证)
查看>>
java常用类型转换
查看>>
划分vlan,制作trunk口。使同一vlan能互相通讯
查看>>
地理信息系统控件GIS控件TatukGIS Developer Kernel 下载及介绍
查看>>
VIM的snipMate的继承设置
查看>>
云HBase发布全文索引服务,轻松应对复杂查询
查看>>
DNS
查看>>