Javascript gesetzt Text-Schatten aus Winkel

Question

Wenn ich einen Winkel wie 45 Grad habe und ich einen Text Schatten basierend auf diesem Winkel mit einer bestimmten Länge machen möchte, wie könnte ich das mit Javascript (ich würde keine jquery bevorzugen) ?

---

Beispiel:

36,87 Grad

text-shadow: 4px 3px blue; 

53,13 Grad

text-shadow: 3px 4px blue; 

Answer 1

Hier ist eine Antwort mit allen Code:

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>