一個製造下雨玻璃窗外景象特效的JS
使用簡單,採用HTML5 canvas技術,新版瀏覽器都通用
使用時只需引用JS
以下為《JS》原始碼
<script src="rainyday.js"></script>
然後改改參數就可以了,範例:
以下為《JS》原始碼
<script>
function run() {
var image = document.getElementById('background');
image.onload = function() {
var engine = new RainyDay({
image: this
});
engine.rain([ [1, 2, 8000] ]);
engine.rain([ [3, 3, 0.88], [5, 5, 0.9], [6, 2, 1] ], 100);
};
image.crossOrigin = 'anonymous';
image.src = 'http://xxx.xxx.xxx.xxx/sample.jpg';
}
</script>