重庆分公司,新征程启航

为企业提供网站建设、域名注册、服务器等服务

html5星空,星空html代码

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://cqcxhl.com/article/dseoscs.html

其他资讯

在线咨询
服务热线
服务热线:028-86922220
TOP