① js Canvas實現的日歷時鍾案例有哪些
一、.獲取上下文對象
var cxt = document.getElementById(『元素名』).getContect(『2d』);
IE8或更早的瀏覽器不支持元素。
二、 drawClock() – 實現畫時鍾
1. clearRect() 清空給定矩形內的指定像素。
context.clearRect(x,y,width,height);
屬性 | 值
-----|------------
x,y | 要清除的矩形左上角點的(x,y)坐標
width,height| 要清除的矩形寬度和高度,單位為像素12345
2.new Date() — 得到系統時間
var sec = now.getSeconds(); var min = now.getMinutes(); var hour = now.getHours(); 123
3.畫時鍾的形狀
cxt.beginPath(); cxt.lineWidth = 10; cxt.strokeStyle = "blue"; cxt.arc(550, 310, 300, 0, 360, false); cxt.closePath(); cxt.stroke(); 123456
beginPath()的作用是canvas的繪制方法,都會以上一次beginPath之後的所有路徑為基礎進行繪制。
closepath()是關閉路徑,而不是結束路徑,它會試圖從當前路徑的終點連一條路徑到七、起點,讓整個路徑閉合起來。
cxt.lineWidth() : 畫筆的寬度
cxt.strokeStyle() : 設置或返回用於筆觸的顏色、漸變或模式。
屬性值:color 指示繪圖筆觸顏色的 CSS 顏色值。默認值是 #000000。
gradient 用於填充繪圖的漸變對象(線性或放射性)
pattern 用於創建 pattern 筆觸的 pattern 對象
stroke ()繪制已定義的路徑
arc() 方法創建弧/曲線(用於創建圓或部分圓)。如需通過 arc() 來創建圓,請把起始角設置為 0,結束角設置為 2*Math.PI。
context.arc(x,y,r,sAngle,eAngle,counterclockwise);
參數
描述
x 圓的中心的 x 坐標。
y 圓的中心的 y 坐標。
r 圓的半徑。
sAngle 起始角,以弧度計。(弧的圓形的三點鍾位置是 0 度)。
eAngle 結束角,以弧度計。
counterclockwise 可選。規定應該逆時針還是順時針繪圖。False = 順時針,true = 逆時針。
4)drawScale — 自定義函數畫刻度
5. 畫時鍾刻度依託點
translate() 方法重新映射畫布上的 (0,0) 位置。
-
JS代碼如下:
② js中canvas畫圖裡面的畫筆的顏色怎麼改變
document.getElememtById("canvas").getContext("2d").fillStyle("red");
③ 跪求,html,css,js前端怎麼實現某個點按照軌跡來畫圖案。
這是以前寫的塗鴉板一樣的東西,按住滑鼠左鍵拖拽就可以繪制指針的運動軌跡
<body>
<center>
<canvasid="cavsElem"width="800"height="560"style="border:1pxsolidblack;">你的瀏覽器不支持此塗鴉板</canvas>
畫筆顏色:<inputtype="color"id="context.color"/>
畫筆大小:<inputtype="number"id="context.size"max="10"value="1"/>
</center>
<script>
(function(){
varcanvas=document.getElementById('cavsElem');//獲得畫布
varcontext=canvas.getContext('2d');//准備畫筆
vara=document.getElementById('context.color');
varb=document.getElementById('context.size');
canvas.onmousedown=function(e){//滑鼠觸發onmousedown事件時,獲取起始坐標
varx=e.clientX-canvas.getBoundingClientRect().left;
vary=e.clientY-canvas.getBoundingClientRect().top;
context.beginPath();
context.moveTo(x,y);
canvas.onmousemove=function(event){//觸發滑鼠移動事件時,獲取繪制線條的坐標
varx=event.clientX-canvas.getBoundingClientRect().left;
vary=event.clientY-canvas.getBoundingClientRect().top;
context.lineTo(x,y);//繪制線條
context.strokeStyle=a.value;
context.lineWidth=b.value;
context.stroke();
};
canvas.onmouseup=function(event){//滑鼠被松開時,返回null
canvas.onmousemove=null;
};
};
}());
</script>
</body>
④ 可執行文件的擴展名有哪些,分別是什麼意思
我只說常見的:
圖片文件的擴展名:
.JPG-支持24位顏色,是圖片的一種極度壓縮格式,全寫為.JPEG;
.BMP-支持32位顏色,支持壓縮,Windows畫圖工具保存後的格式即為此;
.PSD-Adobe Photoshop的點陣圖文件格式,最大的圖像像素為30000×30000,支持壓縮,廣泛用於商業藝術;
.GIF-它能以任意大小支持圖畫,通過壓縮可節省存儲空間,還能將多幅圖畫存在一個文件中,支持256位顏色,最大圖像像素為64000×64000。
聲音文件的擴展名
聲音文件格式是用於保存數字音頻信息的,它們主要有:
AIFF(.AIF):這是Apple計算機公司開發的聲音文件格式,被Macintosh平台和應用程序所支持。支持壓縮。
Amiga聲音(.SVX):Commodore所開發的聲音文件格式,被Amiga平台和應用程序所支持,不支持壓縮。
MAC聲音(.SND):Apple計算機公司開發的聲音文件格式,被Macintosh平台和多種Macintosh應用程序所支持,支持某些壓縮。
MIDI(.MID):國際MIDI協會開發的聲音文件格式,被Windows平台和許多應用程序所支持,用於為樂器創建數字聲音。
聲霸(.VOC):Creative Labs公司開發的聲音文件格式,被Windows和DOS平台所支持,支持壓縮。
WAVE(.WAV):微軟公司用作Windows平台上保存音頻信息的資源格式。
★壓縮文件的後綴名
為了提高存儲效率,許多公司都推出了壓縮數據的方法和相應的軟體,這類文件的使用主要通過壓包和解包軟體來進行,主要的後綴有:*.zip、*.arj、*.rar、*.lzh、*.jar。還有一些專用的壓縮文件,如:*.ex_、*.dl_、*.d3_、*.cab等。
★資料庫類文件的後綴名
在Dbase、FoxBase、Foxpro系列軟體的環境下有以下幾類後綴:
.ap 生成應用 .app 應用文件
.cbx和.pjt 標簽文件 .cdx和.idx 索引文件
.dbf 資料庫文件(databasefile) .err 編譯錯誤文件
.fky 鍵宏文件 .fp 配置文件
.fpt 備注欄位文件 .frx和.frt 報表文件
.fxp 編譯後的程序
.mnx 和.mnt 菜單文件 .men 內存應用
.pcb 庫文件 .pjx和.pjt 工程文件
.prg 命令文件(即程序Program)
.qpr和.qpx SQL查詢文件 .scx和.sct 屏幕文件
.tbk 臨時資料庫文件 .tmp 臨時文件
.win 窗口文件
★可安全刪除的文件類型
臨時文件:*.tmp,*.syd,*.$$$,*.@@@,*._mp,*.gid,*.~*,*.gts
備份文件:*.bak,*.old,*.wbk,*.xlk,*.ckr_
幫助文件:*.hlp、*.chm、*.cnt
★後記
用戶要注意在不同的操作系統下,後綴名的約定會有所不同,如在Unix下,*.p代表Pascal語言程序,*.z代表壓縮文件,*.tar代表歸檔文件。另外,針對極特殊的設備,其驅動程序也會有特殊的後綴,如3DS顯示卡的驅動程序是*.exp。還有某些公司針對自己的產品也規定了文件名後綴,如方正公司的圖像排版文件規定用*.grh(即Graph)。
文件名的後綴代表著某一種類型的文件,一般會由某一種特定的軟體產生和處理。只有對這些後綴名的知識有一定的了解,才能在上機的過程中知道其所以然。這兒帶著大家看到了常見的一些後綴類型,實際上還有很多類型,不可能全部講完。常言說,師傅領進門,修行在個人,以後大家在計算機世界中自己轉著看吧。
★常見的文件後綴名
.ACA:Microsoft的代理使用的角色文檔
.acf:系統管理配置
.acm:音頻壓縮管理驅動程序,為Windows系統提供各種聲音格式的編碼和解碼功能
.aif:聲音文件,支持壓縮,可以使用Windows Media Player和QuickTime Player播放
.AIF:音頻文件,使用Windows Media Player播放
.AIFC:音頻文件,使用Windows Media Player播放
.AIFF:音頻文件,使用Windows Media Player播放
.ani:動畫游標文件擴展名,例如動畫沙漏。
.ans:ASCII字元圖形動畫文件
.arc:一種較早的壓縮文件,可以使用WinZip,WinRAR,PKARC等軟體打開
.arj:壓縮文件。可以使用WinZip,WinRAR,PKARC等軟體打開
.asf:微軟的媒體播放器支持的視頻流,可以使用Windows Media Player播放
.asp:微軟的視頻流文件,可以使用Windows Media Player打開
.asp:微軟提出的Active Server Page,是伺服器端腳本,常用於大型網站開發,支持資料庫連接,類似PHP。可以使用Visual InterDev編寫,是目前的大熱門
.asx:Windows Media 媒體文件的快捷方式
.au:是Internet中常用的聲音文件格式,多由Sun工作站創建,可使用軟體Waveform Hold and Modify 播放。Netscape Navigator中的LiveAudio也可以播放.au文件
.avi:一種使用Microsoft RIFF規范的Windows多媒體文件格式,用於存儲聲音和移動的圖片
.bak:備份文件,一般是被自動或是通過命令創建的輔助文件,它包含某個文件的最近一個版本,並且具有於該文件相同的文件名
.bas Basic:語言源程序文件,可編譯成可執行文件,目前使用Basic開發系統的是Visual Basic
.bat:批處理文件,在MS-DOS中,.bat文件是可執行文件,有一系列命令構成,其中可以包含對其他程序的調用
.bbs:電子告示板系統文章信息文件
.bfc:Windows的公文包文件
.bin:二進制文件,其用途依系統或應用而定
.bmp:Bitmap點陣圖文件,這是微軟公司開發Paint的自身格式,可以被多種Windows和Windows NT平台及許多應用程序支持,支持32位顏色,用於為Windows界面創建圖標的資源文件格式。
.c:C語言源程序文件,在C語言編譯程序下編譯使用
.cab:Microsoft制訂的壓縮包格式,常用於軟體的安裝程序,使用Windows自帶的實用程序,Extract.exe可以對其解壓縮,WinZip,WinRAR等都支持這種格式
.cal:Windows 中的日歷文件
.cdf:Internet Explorer的頻道文件
.cdr:CorelDraw中的一種圖形文件格式,它是所有CorelDraw應用程序中均能夠使用的一種圖形圖像文件格式
.cdx:索引文件,存在於Dbase,Foxbase,Foxpro系統軟體環境下
.cfg:配置文件,系統或應用軟體用於進行配置自己功能,特性的文件
.chm:編譯過後的HTML文件,常用於製作幫助文件和電子文檔
.clp:在Windows下剪貼板中的文件格式
.cmd:用於Windows NT/2000的批處理文件,其實與BAT文件功能相同,只是為了與DOS/Windows 9x下的BAT有所區別
.cmf:音效卡標準的音樂文件,FM合成器等可以回放
.cnf:NetMeetting會議連接文件
.cnt:聯機幫助文件目錄索引文件,通常和同名的.hlp文件一起保存
.col:由Autodesk Animator,Autodesk Animator Por等程序創建的一種調色板文件格式,其中存儲的是調色板中各種項目的RGB值
.com:DOS可執行命令文件,一般小於64KB
.cpl:控制面板擴展文件,Windows操作系統使用
.cpp:C++語言源程序,非常強大的語言,在各種平台中都有相應的開發系統
.crd:Windows中的卡片文件
.crt:用於安全方面的證書認證文件
.cur:Windows下的游標資源文件格式,可用游標編輯軟體編輯
.css:Text/css文件
.dat:數據文件,在應用程序中使用
.dat:VCD中的圖象聲音文件,VCD播放軟體可調用,或是通過VCD機播放
.dbf:資料庫文件,Foxbase,Dbase,Visual FoxPro,等資料庫處理系統所產生的資料庫文件
.dcx:傳真瀏覽文檔文件
.ddi:映象文件,DUP,HD,IMG等工具可展開
.dev:設備驅動程序
.dib:設備無關點陣圖文件,這是一種文件格式,其目的是為了保證用某個應用程序創建的點陣圖圖形可以被其它應用程序裝載或顯示一樣
.dir:目錄文件
.dll:Windows動態連接庫,幾乎無處不在,但有時由於不同版本DLL沖突會造成敗各種各樣的問踢
.doc:是目前市場佔有率最高的辦公室軟體Microsoft Office中的字處理軟體Word創建的文檔
.dos:Windows保留的MS-DOS的某些系統文件
.dot:Microsoft Word的文檔模板文件,通過模板可以簡化一些常用格式文檔的創建工作,而且可以內嵌VBA程序來實現某些自動化功能
.drv:設備驅動程序文件,用在各種系統中
.dwg:AutoCAD的圖紙文件,也是許多繪圖軟體都支持的格式,常用於共享數據
.dxb:AutoCAD創建的一中圖形文件格式
.dxf:圖形交換格式,一種計算機輔助設計的文件格式,最初開發用來與AutoCAD一起使用,以便於圖形文件在應用程序之間的傳遞,它以ASCII方式儲存圖形,在表現圖形的大小方面十分精確
.der:Certiticate文件
.dic:Txt文件
.emf:由Microsoft公司開發的Windows 32位擴展圖元文件格式,其總體設計目標是要彌補在Microsoft Windows 3.1(Win16)中用的*.wmf文件格式的不足,使得圖元文件更加易於使用
.eps:用PostScript語言描述的一種圖形文件格式,以文本文件保存,在PostScript圖形列印機上能列印出高品質的圖形圖象,最高能表示32點陣圖形圖象
.err:編譯錯誤文件,存在於Dbase,Foxbase,Foxpro系列軟體環境下
.exe:可執行文件,雖然後綴名相同,但具有不同的格式和版本
.exp:3DS使用的顯示卡驅動程序
.exc:Txt文件
.flc:Autodesk Animator和Animatorpro的動畫文件,支持256色,最大的圖象象索是64000*64000,支持壓縮,廣泛用於動畫圖形中的動畫序列,計算機輔助設計和計算機游戲應用程序
.fnd:保存的搜索結果
.fon:點陣字型檔文件
.for:Fortran語言程序
.fot:指向字體的快捷鍵
.fp: 配置文件,存在於Dbase,Foxbase,Foxpro系列軟體的環境下
.fpt:備注欄位文件,存在於Dbase,Foxbase,Foxpro系列軟體的環境下
.frt:報表文件,存在於Dbase,Foxbase,Foxpro系列軟體的環境下
.frx:報表文件,存在於Dbase,Foxbase,Foxpro系列軟體的環境下
.fxp:編譯後的程序,存在於Dbase,Foxbase,Foxpro系列軟體的環境下
.gif:在各種平台的各種圖形處理軟體上均能夠處理的,經過壓縮的一種圖形文件格式
.grh:方正公司的圖象排版文件
.grp:Windows下的程序管理器產生的組窗口文件
.goc:Gocserve
.gra:MSGraph.Chart.5
.h:C語言源程序頭文件
.hlp:Windows應用程序幫助文件
.hqx:Macintosh中使用BinHex將二進制文件編碼為7位的文本文件,大多數Macintosh文件皆以.hqx出現(.bin極少使用),在Macintosh中,可使用StuffIt Expander對.hqx解碼,在Windows中可使用BinHex 13解碼
.ht: 超級終端
.htm:保存超文本描述語言的文本文件,用於描述各種各樣的網頁,使用各種瀏覽器打開
.html:同.htm文件
.icm:圖象配色描述文件
.ico:Windows中的圖標文件,可以包含同一個圖標的多種格式,使用圖標編輯軟體創建
.idf:MIDI樂器定義
.idx:索引文件,存在於Dbase,Foxbase,Foxpro系列軟體的環境下
.iff:文件交換格式文件,這種文件格式多用於Amiga平台,在這種平台上它幾乎可以存儲各種類型的數據,在其它平台上,IFF文件格式多用於存儲圖象和聲音文件
.image:MAcintosh磁碟映象文件,常見於萍果機的FTP網點,在Macintosh中由Shrink Wrap處理
.ime:Windows下的輸入法文件
.img:磁碟映象文件,用HD-COPY,WinImage等工具打開後可以恢復到一張磁碟上
.inc:匯編語言包含文件,類似C/C++中的.H文件
.inf:Windows下的軟體安裝信息,Windows的標准安裝程序根據此文件內的安裝信息對軟體,驅動程序等進行安裝
.ini:Windows中的初始化信息文件,已經用的不多了,新的應用程序將設置保存在系統的注冊表中
.jar:一種壓縮文件,ARJ的新版本,不過不太流行,可以使用WinJar,Winrar等打開
.jpeg:一種圖片壓縮文件,同.jpg
.jpg:靜態圖象專家組制訂的靜態圖象壓縮標准,具有很高的壓縮比,使用非常廣泛,可使用PhotoShop等圖象處理軟體創建
.lnk:快捷方式,這個文件指向另一個文件,開始菜單的程序文件夾下每條項目都是一個LNK文件
.log:日誌文件,通常用來記錄一些事件之類
.lzh:一種古老的壓縮文件,可以使用WinRAR打開
.mac:Macintosh中使用的一中灰度圖形文件格式,在Macintosh Paintbrush中使用,其解析度只能是720*567
.mag :圖形文件格式
.mdb :Microsoft Access使用的資料庫格式,是非常流行的桌面資料庫
.men :內存應用文件,存在於Dbase,Foxbase,Foxpro系列軟體的環境下
.mid :音頻壓縮文件,曾經非常流行,不過在現在的軟體中用的很少了
.mif :MIDI樂器
.mov :使用Apple's QuickTime格式的電影文件,在Macintosh中由Sparkle,FastPlayer,MoviePlayer等軟體播放,在Windows中可由Quicktime播放
.movie :QuickTime或蘋果機的影視格式,在Macintosh中由Sparkle,FastPlayer,MoviePlayer等軟體播放,在Windows中可由QuickTime播放
.mp3 :採用MPEG-1 Layout 3標准壓縮的音頻文件,是網上主要的壓縮音頻文件,這種文件由於具有極高的壓縮率和失真低的特點,是目前音樂盜版的主要文件格式,但目前受到VQF,WMA等新標準的挑戰
.mpg :採用MPEG-1標准壓縮的視頻文件,與VCD使用的格式非常相近,提供CD質量的音頻信號和320*240的視頻分辯率,目前的媒體播放軟體大都能放,Microsoft的WMV8和MPEG-4壓縮的AVI文件是其強大的競爭對手
.mpt :Macintosh中使用的一種圖形文件格式
.msg :Microsoft郵件文檔
.obj :對象代碼
.ovl :由於軟體功能多,內存偏小,不能一次性全部調入內存的可執行文件可能有同文件名的ovl文件
.pcd :點陣圖文件,由Eastman Kodak開發,被所有的平台所支持,PCD支持24位顏色,最大的圖象像索是2048*3072,用於在CD-ROM上保存圖片
.pcs :動畫文件,是Macromedia開發的動畫文件格式,為Macintosh應用程序使用,支持壓縮,支持256色,用於保存動畫數據,是Quick Time的前身
.pcx :圖像文件,PCX格式是ZSOFT公司在開發圖像處理軟體Paintbrush是開發的一種格式,這是一種經過壓縮的格式,佔用磁碟空間較少
.pdf :圖文多媒體文件,Adobe公司定義的電子印刷品文件格式,它是一種事實上的標准,在Internet網上的很多電子印刷品,都是.pdf格式的
.psd :是PhotoShop中使用的一種標准圖形文件格式,能夠保存圖像數據的每一個細小部分,包括層,附加的蒙版通道以及其他內容
.pwl :Windows下的口令文件
.qt :Machintosh 的QuickTime影視格式,在Macintosh中由Sparkle,FastPlayer,MoviePlayer等軟體播放,在Windows中可由Quicktime播放
.qtm :動畫文件,這種文件格式是由Apple計算機公司開發,被Apple Macintosh和Microsoft Windows平台所支持,支持25位顏色,最大圖像分辯率是64000*64000,支持壓縮,用於保存音頻和運動視頻信息
.rec :Windows下的記錄器宏文件
.reg :Windows 95/98的系統及應用程序注冊文件,這種文件雖然以純文本文件保存,但一樣存在版本問題,不同的操作系統使用的REG文件版本是不同的
.rle :一種壓縮過的點陣圖文件格式,RLE壓縮方案是一種極其成熟的壓縮方案,特點是無損失壓縮,既節省了磁碟空間又不損失任何圖像數據,但在打開這種壓縮文件時,要花費更多時間,此外,一些兼容性不太好的應用程序可能會搭不開
.rm :Windows下的RealPlayer所支持的視頻壓縮文件,網上非常流行的流式視頻文件,很多實時視頻新聞等都是採用這種格式的,不過,最新的Windows Media Video V8已經對其發起了強大的攻勢
.rmi :MIDI音序文件
.rtf :豐富文本格式文件,以純文本描述內容,能夠保存各種格式信息,可以用寫字版,Word等創建
.sav :存檔文件
.scp :用於Windows系統中Internet撥號用戶,自動撥號登錄用的腳本文件,可避免手動登錄時繁瑣的鍵盤輸入
.scr :屏障保護文件
.sct :屏幕文件
.scx :屏幕文件
.set :Microsoft備份集文件,用於保存要備份的內容,設置等信息
.shb :指向一個文檔的快捷方式
.snd :Mac聲音文件,Apple計算機公司開發的聲音文件格式,被Macintosh平台和多種Macintosh應用程序所支持,支持某些壓縮
.sql:查詢文件,在Dbase,Foxbase,Foxpro系列軟體的環境下使用
.svg :SVG可以算是目前最火熱的圖像文件格式了,它是基於XML由WorldWideWebConsortium聯盟開發的,SVG是可縮放的矢量圖形
.svx :Amiga聲音文件,Commodore所開發的聲音文件格式,被Amiga平台和應用程序所支持,不支持壓縮
.swf :flash是Micromedia公司的產品,嚴格說它是一種動畫編輯軟體,實際上它是製作出一種後綴名為.swf的動畫,這種格式的動畫能用比較小的體積來表現豐富的多媒體形式,並且還可以與HTML文件達到一種"水乳交融"的境界
.swg:虛擬內存交換文件,由操作系統使用
.sys:系統文件,驅動程序等,在不同的操作系統中有不同的定義
.tbk:臨時資料庫文件,在Dbase,Foxbase,Foxpro系列軟體的環境下使用
.tga:圖像文件,此文件格式的結構比較簡單,屬於一種圖形,圖像數據的通用格式,在多媒體領域有著很大影響,是計算機生成圖像向電視轉換的一種首選格式
.tiff:圖像文件,此圖像格式復雜,存儲內容多,佔用存儲空間大,其大小是GIF圖像的3倍,是相應的JPEG圖像的10倍,最早流行於Macintosh,現在Windows主流的圖像應用程序都支持此格式
.tmp:臨時文件,一般是系統和應用程序產生的臨時使用的文件,當系統和應用程序退出時,會自動地刪除其建立的臨時文件,如果是非正常退出,臨時文件可能保留在磁碟上,在單任務系統下,可立即刪除它們,在多任務系統下,應刪除那些不是正在使用的臨時文件
.txt:文本文件
.url :InternetShortcut(internet 上URL地址的快捷方式)
.vcd:虛擬光碟機工具製作的光碟鏡像文件
.ver:版本描述,用於描述某個軟體的版本信息的文件,內容因軟體而異
.voc:聲音文件,此文件格式由Creative Labs公司開發,被Windows和DOS平台所支持,支持壓縮
.vxd:虛擬設備驅動程序,在Windows操作系統中非常常見,是重要的系統文件
.wab:通信簿文件,由系統中的通信簿程序使用
.wav:音頻文件,此文件格式是在Windows上用於保存音頻信息的資源格式,Windows中由Waveform Hold and Modify或Navigator,或"媒體播放機"播放,存在許多編碼方式,需要相應的解碼程序才能播放
.win :窗口文件,在Dbase,Foxbase,Foxpro系列軟體的環境下使用
.wmf :Microsoft Windows中常見的一種圖元文件格式,它具有文件短小,圖案造型化的特點,整個圖形常由各個獨立的組成部分拼接而成,但其圖形往往較粗糙,並且只能在Microsoft Office中調用編輯
.wpc:寫字板文檔轉換
.wps:Wps文本文件,有多種版本,可以使用Wps Office,Wps 2000等打開
.wri :Windows寫字板文檔
.xab :Microsoft郵件地址簿
.xbm :Animator Pro創建的一種圖形文件格式,其中包含用來描述多邊形的一系列點的信息
.zip:是DOS/Windows中最常見文件壓縮格式,也是互聯網上的標准壓縮格式,可以包含路徑和多個文件