Javascript 从 Angular 设置文本阴影

Question

如果我有一个 Angular ，例如 45 度，并且我想根据该 Angular 制作一个具有一定长度的文本阴影，我怎么能用 javascript 做到这一点(我不希望使用 jquery)？

---

示例:

36.87度

text-shadow: 4px 3px blue;

53.13度

text-shadow: 3px 4px blue;

Answer 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>