/*
*****FONT PROPERTY*******
*/
context.textAlign;
//指定文字的水平对齐:start(默认), end, left, right, center;限定文本的绘制方向的,比如start, top时,文本就从x,y向下和右书写,如果第一个字国字,那第x,y就是国字左上角
contex.textBashLine;
//指定文字的垂直对齐:top, bottom, middle, alphabetic(默认),(前4个是通用的,后面两个是指定日语和印度语的) ideographic, hanging
context.font;
/*这是文本的第三个方法,用来指定字体,字体的定义,可支持的属性有font-size, font-variant, font-weight, font-style, font-family, line-height(不可改变,则浏览器决定);
RIGHT_COLUMN_FONTS = [
'oblique 1.5em lucida console', 'x-large fantasy',
'italic 28px monaco', 'italic large copperplate',
'36px century', '28px tahoma',
'28px impact', '1.7em verdana'
]
*/
/*
*****FONT METHOD*******
*/
TextMetrics h = context.measureText('M').width;//得到了当前环境中文本的宽,但这个值并不精确,注意一点是必须在context.font后调用
void = context.strokeText(text, x, y);//这个和下面的方法还有第4个参数,用来限制文本串的最大宽度,但浏览器的支持情况不一样
void = context.fillText(text, x, y);字体基础16
原创
©著作权归作者所有:来自51CTO博客作者生而为人我很遗憾的原创作品,请联系作者获取转载授权,否则将追究法律责任
下一篇:在圆弧周围绘制文本17
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
【CSS】:字体与文本样式
【CSS】:字体与文本样式
html CSS css -
有趣的CSS - 故障字体效果
用 css 实现一个404故障字体效果。
css 动效 故障效果 404动画 ux -
基础命令16
基础命令
linux -
IOS 16 UITabBarItem设置字体属性崩溃
升级ios16崩溃
swift 开发语言 ios TabBar ico -
16 Babylonjs基础入门 阴影
在本节中,我们将学习如何在Babylon.js中创建阴影。阴影现在实现的是动态阴影,它们会根据
babylon.js webgl 游戏引擎 阴影 贴图 -
java基础第16课
虾米大王教你学编程系列之java基础
java 锚定 ipad -
字体样式-CSS入门基础(005)
虾米大王教你学编程系列之CSS入门基础
html css 属性值 示例代码 取值 -
python基础编程day16
### day15回顾生成器动态创建数据的对象 生成器有两
python 字符串 打开文件 二进制文件 -
基于 Reactor 模式的 HTTP 协议扩展实现
reactor,http
#http #网络 #网络协议 #学习 #c++ -
【文档】搭建 TFTP 服务器
景,支持通过Kickstart实现无人值守安装。
#TFTP linux 服务器 vim
















