>
>
charset
="utf-8"
>
>
canvas二維雷達title
>
src=
"">
script
>
>
html, body
canvas
.info
h1.message
style
>
head
>
>
"mycanvas"
>
canvas
>
class
="info"
>
>
boss, coding please.h1
>
class
="message"
>
tempp
>
div>
body
>
>
var c =$(
"#mycanvas")[
0];var ctx = c.
getcontext
("2d");
var color_gold=
"185,147,98"
;var ww,wh;
var center=
;function
getwindowsize()
;
ctx.
restore()
; ctx.
translate
(center.x,center.y);}
getwindowsize()
;$(window)
.resize
(getwindowsize)
;var enemies=
array(10
).fill()
.map
(function
(obj)})
;setinterval
(draw,10)
;var time=0;
var deg_to_pi=math.pi/
180;
function
point
(r,deg);}
function
color
(op)
function
draw()
enemies.
foreach
(function
(obj)
obj.opacity*=
0.99
;
ctx.strokestyle=
color
(obj.opacity)
; ctx.linewidth=1;
ctx.
beginpath()
; ctx.
arc(
obj_point.x,obj_point.y,10*
(1/(obj.opacity+
0.0001))
,0,2
*math.pi)
; ctx.
stroke()
;});
ctx.strokestyle=
color(1
);var split =
120;
var feature =15;
var start_r=
230;
var len =5;
for(
var i=
0;i)else
var point1 =
point
(start_r,deg)
;var point2 =
point
(start_r+len,deg)
;
ctx.
moveto
(point1.x,point1.y)
; ctx.
lineto
(point2.x,point2.y)
; ctx.
stroke()
;}function
condcircle
(r,linewidth,func_cond)
else
} ctx.
stroke()
;}// condcircle(300);
condcircle
(300,2
,function
(deg));
condcircle
(100,1
,function
(deg));
condcircle
(190,1
,function
(deg));
}script
>
html
>
已經很晚了,祝願大家做個好夢。如果你也如我一般,對canvas 或者 css 有著獨有的情愫,加入我,讓手中的**變得生機勃勃,我是 「 我不是費圓 」,乙個正在努力的前端程式設計師。
請檢視我的置頂文章,我由衷感謝!
推薦閱讀:
jq俄羅斯方塊
canvas點線相交
激流勇進v3.0
游動的花花腸子
雷達篇(四)雷達工作波段
目錄 1 簡介 2 波段劃分 3 各波段雷達功能 4 波長計算公式 不同波段電磁波的傳播方式和特點各有不同,所以它們的用途也不同。電磁波段劃分如圖 1所示。在雷達行業,雷達工作頻率劃分成為若干波段,由低到高的順序依次是高頻 hf 甚高頻 vhf 超高頻 uhf,也稱作p l波段 s波段 c波段 x波...
雷達原理 雷達功能及原理概述
本篇部落格簡單介紹單基地雷達的功能 結構及工作原理 流程 測距 測速 radar radio detection and ranging 意為 無線電探測和測距 1 發現目標 2 目標定位和測速 定位可用測距和測角實現,測速可用都卜勒效應進行測距 3 目標識別 對目標進行成像,提取特徵 1 軍用 2...
揚塵監測系統 工地揚塵監測 工地揚塵監測解決方案
方案背景 揚塵佔據著汙染源的28 是目前大氣汙染的主要原因之一,為此成都縱橫智控結合自身已有產品,研發出一套揚塵監測系統 工地揚塵監測解決方案。如今在我們的生活周圍,有著總舵的汙染源 造成大氣環境惡劣 pm2.5上公升,主要的汙染源 於工業粉塵 機動車尾氣 工地揚塵 燃煤等幾個方面。其中揚塵佔據著汙...