html5星空,html5星星
html中可以星空的背景吗
可以的
成都创新互联是一家专业提供鹤峰企业网站建设,专注与网站制作、成都做网站、H5建站、小程序制作等业务。10年已为鹤峰众多企业、政府机构等服务。创新互联专业网站建设公司优惠进行中。
例如下面这段代码
body{
background: url(图片) no-repeat 0 0 transparent;
background-size: 200% auto;//防止图片不够大
}
目前主流的移动WEB开发框架有哪些
目前主流的移动WEB开发框架有哪些?Web框架也可以理解为B/S(Brouser/Server)框架,是一种基于浏览器载体的框架,包含前端、后端和数据库三个大的方向,各个方向的工具技术都不一样。现在主流的工具技术包含.NET、SqlServer、Bootstrap等,开发工具也会不一样。
web开发框架
Web前端开发技术框架包括三个要素:HTML、CSS和JavaScript,当然还有很多高级的前端框架,比如bootstrap、Jquery等。
Web后端技术框架也有很多,比如.Net、JAVA、PHP等,各大语言都有其开发架构和工具,像.NET的MVC架构和Visual Studio工具,JAVA的J2EE架构和Eclipse工具。
数据库现在有三种主流的关系型数据库:Mysql\SQLserver\Oracle,还有Nosql非关系型数据库:Redis、Mogodb等。开发工具有SQL Server Management Studio、Navicat等。
HTML5技术里面的canvas如何绘制星空效果
html head titlecanvas绘制星空效果/title META http-equiv="X-UA-Compatible" content="IE=edge"/META META http-equiv="Content-Type" content="text/html; charset=gb2312"/ script var BW = 800; //canvas width var BH = 600; //canvas height var MAX_STAR_SIZE = 3; var MAX_STAR_SPEED = 1; var STAR_COUNT = 120; var BGCOLOR = "black"; var ctx; var stars = []; function rndf(n){ return Math.floor(Math.random()*n); } function rndc(n){ return Math.ceil(Math.random()*n); } function Star(){ this.reset = function(){ this.x = 0; this.y = rndf(BH); this.size = rndc(MAX_STAR_SIZE); this.vx = MAX_STAR_SPEED*this.size/MAX_STAR_SIZE; this.vy = 0; this.color = "rgba("+rndf(255)+", "+rndf(255)+", "+rndf(255)+", 0.5)"; }; this.reset(); this.x = rndf(BW); } function render(){ ctx.globalCompositeOperation = "source-over"; ctx.fillStyle = "rgba(0, 0, 0, 0.3)"; ctx.fillRect(0, 0, BW, BH); ctx.globalCompositeOperation = "lighter"; for(var i = 0; i STAR_COUNT; ++i){ var p = stars[i]; ctx.beginPath(); var gradient = ctx.createRadialGradient(p.x, p.y, 0, p.x, p.y, p.size); gradient.addColorStop(0, "white"); gradient.addColorStop(0.4, "white"); gradient.addColorStop(0.4, p.color); gradient.addColorStop(1, "black"); ctx.fillStyle = gradient; ctx.arc(p.x, p.y, p.size, Math.PI*2, false); ctx.fill(); p.x += p.vx; p.y += p.vy; if(p.x=0 || p.x=BW || p.y=0 || p.y=BH){ p.reset(); } } } function init(){ if (!window.console) { console = {log:function(){},debug:function(){}}; } //create canvas var cv = document_createElement_x('canvas'); cv.width = BW; cv.height = BH; cv.style.background = BGCOLOR; document.body.a(cv); ctx = cv.getContext("2d"); //create all stars for(var i=0;iSTAR_COUNT;++i){ var s = new Star(); stars.push(s); } setInterval(render, 33); }; /script /head body onLoad="init()" /body /html 原文来自:
当前标题:html5星空,html5星星
URL网址:http://pwwzsj.com/article/phsiho.html