小程序中canvas坑

1、背景图等比：
context.drawImage('.png', 0, 0, 图片原始宽度的一半, 图片原始高度的一半, 0, 0, 图片原始宽度, 图片原始高度);
2、字体垂直对齐方式：context.setTextBaseline('middle');
3、context.setFillStyle('#fff');字体颜色
4、 context.setTextAlign('right');字体水平对齐方式；
5、百度小程序setFontSize为浮点数时候无效,改为整数

context.setFontSize(32.2);
            context.fillText('aaa', 0,20);


context.setFontSize(22.2);
            context.fillText('bbb', 0,50);

6、canvas display 为none 不能进行绘制，可以用定位，把canvas定位到可视区域外

clip() 方法从原始画布中剪切任意形状和尺寸。

提示：一旦剪切了某个区域，则所有之后的绘图都会被限制在被剪切的区域内（不能访问画布上的其他区域）。您也可以在使用 clip() 方法前通过使用 save() 方法对当前画布区域进行保存，并在以后的任意时间对其进行恢复（通过 restore() 方法）。
7、canvas自认为没有lineheight项，通过y周+高度的一半来调整行高