【小程序】（踩坑）

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq379682421/article/details/84930288

1， canvas中添加文本定位出错问题 fillText

说明：当我使用fillText添加文本并定位到坐标0,0时，发现文本并没有如预期的一样显示，而是有部分超出了画布外。后来才发现是因为画布中是默认文本是根据坐标点居中显示的；

只要设置好对其方式即可；

ctx.setTextAlign(‘left’);			//设置文字的水平对齐
ctx.setTextBaseline(‘top’);		//设置文字的竖直对齐

2，text默认行高
小程序text默认行高 是1.25
小程序text 行高：字体大小 4：3

3，canvas的api使用单位px问题

说明：由于canvas中许多api使用宽高单位为px，为了让宽高动态改变，则需要计算计算屏幕比例系数

	const res = wx.getSystemInfoSync();
        let XS = 750 / res.windowWidth;		// 750 / 设备屏幕的宽度

4，写在page外的变量拿不到

说明：需要一个全局的变量我会把他写在page外面，然而有时候会出现变量undefined的情况，开始一脸懵逼。之后才发现写在page外的代码会在小程序生成的时候执行。