wulin.comの記事紹介(www.vevb.com):HTML5デイリープラクティスへのキャンバスタグの適用 - マトリックス変換。
これまでのところ、座標変換を使用して実装されたグラフ変換技術を学びました。座標変換が私たちのニーズを満たすことができない場合、マトリックス変換技術を使用できます。次に、より複雑なマトリックス変換と変形技術を導入します。マトリックスは、グラフィック変形を実現するために特に使用されます。これは、変形の目的を達成するために座標と一緒に使用されます。グラフィックコンテキストが作成されると、デフォルトの変換マトリックスが実際に作成されます。このマトリックスが変更されていない場合、次に描かれた図は、キャンバスの左上隅が座標起点として描画されます。描かれた図はスケーリングされて変形しません。ただし、この変換マトリックスが変更されている場合、状況は異なります。
変換方法
グラフ変形のために座標変換を使用して、前のセクションで言及された3つの方法:
翻訳(x、y);
スケール(x、y);
回転(角度);
それらはすべて、変換方法、およびContext.Transform(a、b、c、d、x、y)の6つのパラメーターに置き換えることができます。次のとおりです:
翻訳(x、y);
スケール(a、d);
回転(b、c); //このメソッドには実際には1つのパラメーターのみがあります。理解を促進し、変換に対応するために、残りの2つのパラメーターが使用されます。これらの2つのパラメーターは機能が類似しており、回転に関連していることを伝えるためにここに置きます。
コードケース