0
点赞
收藏
分享

微信扫一扫

字体基础16

半秋L 2023-05-10 阅读 71

/*
    *****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);

举报

相关推荐

0 条评论