Javascript从角度设置文本阴影

时间:2016-06-24 05:50:58

标签: javascript css trigonometry

如果我有一个45度的角度,并且我想根据具有一定长度的角度制作文本阴影,我怎么能用javascript做这个(我不喜欢jquery)?

示例:

36.87度

(GMT)

53.13度

GMT

1 个答案:

答案 0 :(得分:1)

以下是所有代码的答案:

var el = document.getElementById("myText");
var deg = 45; // Your angle
var rad = -deg * (Math.PI/180)
var length = 8;
el.style.textShadow = (length * Math.cos(rad)) + 'px ' +
                      (length * Math.sin(rad)) + 'px ' +
                      '8px pink';
<h1 id='myText'>My Text</h1>