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

标签：文字 canvas 设置 基准点 textBaseline 坐标 中心点 textAlign

在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"       

标签：文字,canvas,设置,基准点,textBaseline,坐标,中心点,textAlign
From： https://www.cnblogs.com/Simoon/p/18342793