将css框阴影字符串解析为单独的值

Question

你可以在这个http://css3gen.com/box-shadow/框中看到阴影生成器的角度和距离被计算为阴影的x和y位置，它就像这样做了

angle = parseInt(angle)*((Math.PI)/180);
x     = Math.round(distance * Math.cos(angle));
y     = Math.round(distance * Math.sin(angle));

如何做相反的事情并将盒子阴影css值的x和y转换为距离和角度？

Answer 1

假设您有一个boxshadow css值，例如"10px 10px 5px #888888"

您可以将字符串拆分为＆＃34; px＆＃34; + .split("px ")

的空格

然后你可以抓住前3个值＆＃34; 10＆＃34;和＆＃34; 10＆＃34;和＆＃34; 5＆＃34;您可以使用parseInt

转换为整数

从那里你可以使用你想要的那3个数字。