shearY()

y軸をシアー(せん断)変形させ、図形が傾いて見えるようにします。

デフォルトでは、x軸とy軸は垂直です。shearY()関数は 座標系を変換し、y座標が変換される一方で x座標は固定されたままになります。

最初のパラメータangleは、シアー変形の量です。例えば、 shearY(1)を呼び出すと、すべてのy座標が y = y + x * tan(angle)という式で変換されます。shearY()は 現在のangleMode()を使用して角度の値を解釈します。

デフォルトでは、変換は累積されます。例えば、 shearY(1)を2回呼び出すことは、shearY(2)を1回呼び出すのと 同じ効果があります。push()関数と pop()関数を使用して、 個別の描画グループ内で変換を分離することができます。

注意:変換はdrawループの開始時にリセットされます。 shearY(1)draw()関数内で呼び出しても、 図形が連続的にシアー変形されることはありません。

実例

シンタックス

shearY(angle)

パラメーター

angle
Number:

現在のangleMode()でのシアー変形の角度。

Notice any errors or typos? Please let us know. Please feel free to edit src/core/transform.js and open a pull request!

関連するリファレンス