Canvas監測雷達

2021-10-10 01:14:44 字數 2696 閱讀 2317

>

>

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上公升,主要的汙染源 於工業粉塵 機動車尾氣 工地揚塵 燃煤等幾個方面。其中揚塵佔據著汙...