ホームページ  >  記事  >  ウェブフロントエンド  >  HTML5每日一练之Canvas标签的应用-坐标变换与路径结合使用

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

WBOY
WBOYオリジナル
2016-05-17 09:09:081732ブラウズ

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

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

代码案例

  •    
  •         
  •         HTML5姣
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。