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!