canvas学习之坐标的变化和文本的应用

canvas的默认坐标是位于左上角的 ，因此，若用坐标变化的话，可以把canvas的坐标移下来，常用的有 平移变化 translate 参数为x轴和y轴的变化，还有rotate 参数是旋转几度注意是弧度，还有scale 参数是x轴的缩放和y轴的缩放，

context.translate(canvas.width,0);
context.scale(-1,1);

context.rotate(Math.PI*(angle/180));

还有一种变化矩阵的方法，trandform是一种累加的效果,而settransform是会把前面一种变化情况给删除掉



利用transform和settransform可以实现错切的效果

其都接受6个参数 具体百度

文本的绘制可以用stroketext和filltext来做



字体的各个属性





文本的定位





一些基本的代码



记住这些文本的属性都是context自带的，因此针对的都是context这个上下文环境来进行绘制

measureText的用法







以上便是简单的总结