HTML5每日一练之Canvas标签的应用-坐标变换与路径结合使用

作者：匿名字体：[增加减小] 来源：互联网时间：2018-12-03

本文主要包含HTML5教程,HTML5中国,HTML5每日一练之Canvas标签的应用-坐标变换与路径结合使用,admin,html等相关知识,匿名希望在学习及工作中可以帮助到您

到目前为止，我们已经学会了很多Canvas的绘制方法，如果我们要绘制如下图的图形怎么办呢？
我们需要对矩形变形，使用坐标变换就足够了。但是对使用路径绘制出来的图形进行变幻的时候，那么要考虑的事情就多了。因为使用坐标变换之后，已经创建好的路径就不可用了。必须要重新创建路径，重新创建路径后，坐标变换方法又失效了。

解决思路
1、必须先另外绘制一个创建路径的函数。
2、在坐标变幻的同时调用该函数。

代码案例