本文详细介绍了canvas坐标变换的原理与应用，包括平移、旋转和缩放操作，并展示了如何使用transform和settransform实现错切效果。此外，文章还讲解了文本绘制的基本方法，如使用stroketext和filltext进行文本绘制，并提供了测量文本宽度的measureText方法的用法。
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的用法
以上便是简单的总结
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
