Javascript 从角度设置文本阴影

Question

如果我有一个角度，例如 45 度，并且我想根据该角度制作一定长度的文本阴影，我怎么能用 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>

Javascript 从角度设置文本阴影

Javascript set text-shadow from angle

javascript

css

trigonometry