canvas调整基点（中心点：x、y坐标所针对的点位）

在canvas中，可以使用textAlign和textBaseline属性来调整文字的基准点

 

textAlign属性：用于设置文字的水平对齐方式。

start（默认，基准点在文字左端）

 

end（基准点在文字右端）

 

center（基准点在文字中心）

 

left（基准点在文字左端）

 

right（基准点在文字右端）

 

 

textBaseline属性：用于设置文字的垂直对齐方式。

 

top（基准点在文字顶部）

 

hanging（基准点在悬挂基线上）

 

middle（基准点在文字中间）

 

alphabetic（基准点在标准的字母基线上）

 

ideographic（基准点在表意基线上）

 

bottom（基准点在文字底部）

 

 

例如html中dom的基准点在左上角那我们就可以设置

 c.textAlign = 'start'
 c.textBaseline = 'top';

使文字的基准点为左上角

 

文字在指定位置居中显示：可以将textAlign设置为"center"和textBaseline设置为"middle"