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 原文来自：

十年的富县网站建设经验，针对设计、前端、开发、售后、文案、推广等六对一服务，响应快，48小时及时工作处理。成都营销网站建设的优势是能够根据用户设备显示端的尺寸不同，自动调整富县建站的显示方式，使网站能够适用不同显示终端，在浏览器中调整网站的宽度，无论在任何一种浏览器上浏览网站，都能展现优雅布局与设计，从而大程度地提升浏览体验。成都创新互联从事“富县网站设计”,“富县网站推广”以来，每个客户项目都认真落实执行。

html中可以星空的背景吗

可以的

例如下面这段代码

body{

background: url(图片) no-repeat 0 0 transparent;

background-size: 200% auto;//防止图片不够大

}

如何搭建移动应用开发平台

随着移动互联网的不断发展，移动应用已经融入到人们的衣食住行当中，因此移动应用开发也愈发繁荣。目前市场上移动应用开发模式主要有原生开发、低代码开发。

原生开发比较适合需求企业对软件性能要求极高，而且要求效果非常平滑、流畅，那么推荐原生开发。但是，此种开发方式的开发周期长和成本高，需求企业重点考虑成本核算。

低代码开发具有成本低、开发时间短、更新迭代能力强等特点。低代码开发平台通过少量代码就可以快速生成应用程序的开发平台，可视化进行应用程序开发的方法，使具有不同经验水平的开发人员可以通过图形化的用户界面，使用拖拽组件和模型驱动的逻辑来创建网页和移动应用程序。

分享文章：html5星空,星空html代码
本文URL：http://hbruida.cn/article/dseoscs.html