canvas是html5的新标签,其画布功能尤为强大。当然了canvas在IE10以下浏览器是不兼容的,所以呢为了特效肯定是牺牲一定的兼容性。这里呢,分享一个基于canvas开发的浩瀚星河插件,其实这个源代码是网上下载的,我把它整合了一下,重新封装一些参数提供更多的可改项。
首先引入两个javascript脚本,一个是jquery插件,另一个是封装好的cosmos_canvas.js
<script src="js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
<script src="canvas/cosmos_canvas.js" type="text/javascript" charset="utf-8"></script>
HTML,当然如果浏览器不支持canvas的话,运行程序没效果,并显示“该浏览器不支持canvas”
<canvas id="starts">该浏览器不支持canvas</canvas>
cosmos_canvas.js脚本
function canvas(id,starscolor,starsamount,starsradius,movrange,speed,trailing){
//宇宙特效
"use strict";
var canvas