1

影の特定の角度と深さを html5 キャンバスの shadowOffset 表現に変換する必要があります。

例えば：

var angle = 90;
var depth = 10;

次のようにシャドウ オフセットを返す必要があります。

context.shadowOffsetX = 10;
context.shadowOffsetY = 0;

で、もし...

var angle = 135;
var depth = 15;

その場合、シャドウ オフセットは次のようになります。

context.shadowOffsetX = 15;
context.shadowOffsetY = 15;

これが単純な数学的計算であることは確かですが、どこから始めればよいかまったくわかりません。したがって、これまでに試したことを投稿することはできません。数学は本当に私の得意分野ではありません。

誰かが助けることができれば、私は非常に感謝しています.

4

1 に答える 1

3

それは非常に簡単です：

var angleInRad = angle * 2 * Math.PI / 360 ;
context.shadowOffsetX = depth * Math.cos(angleInRad) ;
context.shadowOffsetY = depth * Math.sin(angleInRad) ;

オフセットで Math.trunc を使用したい場合があります。

于 2013-08-30T10:50:31.267 に答える