HTML5技術(shù)里面的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 原文來(lái)自：

十年的富縣網(wǎng)站建設(shè)經(jīng)驗(yàn)，針對(duì)設(shè)計(jì)、前端、開(kāi)發(fā)、售后、文案、推廣等六對(duì)一服務(wù)，響應(yīng)快，48小時(shí)及時(shí)工作處理。成都營(yíng)銷(xiāo)網(wǎng)站建設(shè)的優(yōu)勢(shì)是能夠根據(jù)用戶(hù)設(shè)備顯示端的尺寸不同，自動(dòng)調(diào)整富縣建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無(wú)論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計(jì)，從而大程度地提升瀏覽體驗(yàn)。成都創(chuàng)新互聯(lián)從事“富縣網(wǎng)站設(shè)計(jì)”,“富縣網(wǎng)站推廣”以來(lái)，每個(gè)客戶(hù)項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。

html中可以星空的背景嗎

可以的

例如下面這段代碼

body{

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

background-size:?200%?auto;//防止圖片不夠大

}

如何搭建移動(dòng)應(yīng)用開(kāi)發(fā)平臺(tái)

隨著移動(dòng)互聯(lián)網(wǎng)的不斷發(fā)展，移動(dòng)應(yīng)用已經(jīng)融入到人們的衣食住行當(dāng)中，因此移動(dòng)應(yīng)用開(kāi)發(fā)也愈發(fā)繁榮。目前市場(chǎng)上移動(dòng)應(yīng)用開(kāi)發(fā)模式主要有原生開(kāi)發(fā)、低代碼開(kāi)發(fā)。

原生開(kāi)發(fā)比較適合需求企業(yè)對(duì)軟件性能要求極高，而且要求效果非常平滑、流暢，那么推薦原生開(kāi)發(fā)。但是，此種開(kāi)發(fā)方式的開(kāi)發(fā)周期長(zhǎng)和成本高，需求企業(yè)重點(diǎn)考慮成本核算。

低代碼開(kāi)發(fā)具有成本低、開(kāi)發(fā)時(shí)間短、更新迭代能力強(qiáng)等特點(diǎn)。低代碼開(kāi)發(fā)平臺(tái)通過(guò)少量代碼就可以快速生成應(yīng)用程序的開(kāi)發(fā)平臺(tái)，可視化進(jìn)行應(yīng)用程序開(kāi)發(fā)的方法，使具有不同經(jīng)驗(yàn)水平的開(kāi)發(fā)人員可以通過(guò)圖形化的用戶(hù)界面，使用拖拽組件和模型驅(qū)動(dòng)的邏輯來(lái)創(chuàng)建網(wǎng)頁(yè)和移動(dòng)應(yīng)用程序。

當(dāng)前名稱(chēng)：html5星空,星空html代碼
本文網(wǎng)址：http://chinadenli.net/article23/dseoscs.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站改版、手機(jī)網(wǎng)站建設(shè)、虛擬主機(jī)、網(wǎng)站維護(hù)、搜索引擎優(yōu)化、企業(yè)網(wǎng)站制作

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)