阴影插件 shine.js

github 地址：https://github.com/bigspaceship/shine.js

插件描述：shine.js 可改变一个实例的影子，根据鼠标的位置而变化。
效果图：

使用方法

为您的 dom 元素创建一个 Shine.js 实例会

|

var shine = ``new Shine(document.getElementById(``'my-shine-object'``));

|

改变光源的位置，并确保重绘：

|

shine.light.position.x = window.innerWidth * 0.5;

shine.light.position.y = window.innerHeight * 0.5;

shine.draw(); ``// 一定要重新绘制

|

组态

每个闪耀实例都有一个属性指向的实例 shinejs.Config。一个可配置多个之间闪耀实例共享。

当一个配置值的变化，shine.draw()需要被调用来重新绘制使用新的设置。

改变一个闪耀实例的影子：

|

shine.config.opacity = 0.1;

shine.config.blur = 0.2;

shine.draw(); ``//一定要重新绘制

|

创建一个共享 shinejs.Config 实例：

|

//所有的参数都是可选的，可以在以后改变

var config = ``new shinejs.Config({

numSteps: 4,

opacity: 0.2,

shadowRGB: ``new shinejs.Color(255, 0, 0)

});

|

//传入的配置 constructor

|

var shineA = ``new Shine(document.getElementById(``'my-shine-object-a'``), config);

var shineB = ``new Shine(document.getElementById(``'my-shine-object-b'``), config);

|

//或者将其分配给一个实例

|

var shineC = ``new Shine(document.getElementById(``'my-shine-object-c'``));

shineC.config = config;

shineC.draw(); ``//一定要重新绘制

|