注冊|登錄

聯系電話:024-31891684  13390130939
沈陽軟件公司--沈陽軟件定制

沈陽軟件開發_沈陽軟件公司_沈陽軟件定制/軟件/最新技術

Latest technology最新技術

html5-Canvas繪圖

瀏覽量:2205

在html5中我覺得最重要的就是引入了Canvas,使得我們可以在web中繪制各種圖形。給人感覺單在這點上有點模糊我們web和桌面程序的感覺。在html5外web中也有基于xml的繪圖如:VML、SVG。而Canvas為基于像素的繪圖。Canvas是一個相當于畫板的html節點,我們必須以js操作繪圖。

如下:

<canvas id="myCanvas" width="600" height="300">你的瀏覽器還不支持哦</canvas>定義。

我們可以獲取canvas對象為var c=document.getElementById("myCanvas");其應有js屬性方法如下列舉:

1:繪制渲染對象,c.getContext("2d"),獲取2d繪圖對象,無論我們調用多少次獲取的對象都將是相同的對象。

2:繪制方法:                      

clecrRect(left,top,width,height)清除制定矩形區域,

fillRect(left,top,width,height)繪制矩形,并以fillStyle填充。

fillText(text,x,y)繪制文字;

strokeRect(left,top,width,height)繪制矩形,以strokeStyle繪制邊界。

beginPath():開啟路徑的繪制,重置path為初始狀態;

closePath():繪制路徑path結束,它會繪制一個閉合的區間,添加一條起始位置到當前坐標的閉合曲線;

moveTo(x,y):設置繪圖其實坐標。

lineTo(x,y);繪制從當前其實位置到x,y直線。

fill(),stroke(),clip():在完成繪制的最后的填充和邊界輪廓,剪輯區域。

arc():繪制弧,圓心位置、起始弧度、終止弧度來指定圓弧的位置和大小;

rect():矩形路徑;

drawImage(Imag img):繪制圖片;

quadraticCurveTo():二次樣條曲線路徑,參數兩個控制點;

bezierCurveTo():貝塞爾曲線,參數三個控制點;

createImageData,getImageData,putImageData:為Canvas中像素數據。ImageData為記錄width、height、和數據data,其中data為我們色素的記錄為

argb,所以數組大小長度為width*height*4,順序分別為rgba。getImageData為獲取矩形區域像素,而putImageData則為設置矩形區域像素;

… and so on!

3:坐標變換:

translate(x,y):平移變換,原點移動到坐標(x,y);

rotate(a):旋轉變換,旋轉a度角;

scale(x,y):伸縮變換;

save(),restore():提供和一個堆棧,保存和恢復繪圖狀態,save將當前繪圖狀態壓入堆棧,restore出棧,恢復繪圖狀態。

軟件定制,CRM開發,易勢科技給您最好的服務。 

上一篇:SQL列的拆分與合并

下一篇: SQL計算農歷

沈陽團購網|營口網站制作|沈陽軟件公司|軟件定制|網站建設|加盟易勢|提交問題

主站蜘蛛池模板: 国产成人涩涩涩视频在线观看 | 国产一区二区三区不卡免费观看| 九歌电影免费全集在线观看| 蜜桃视频在线观看免费网址入口 | 0588影视手机免费看片| 日韩欧美一区二区三区免费观看| 全彩里番acg里番| 蜜臀AV在线播放一区二区三区| 国产精品东北一极毛片| 99在线精品免费视频| 娜露温泉无删减视频在线看| 久久一区二区三区免费播放| 狠狠久久永久免费观看| 午夜福利一区二区三区高清视频| 2020国产精品永久在线观看| 护士撩起裙子让你桶的视频 | 狠狠久久精品中文字幕无码 | 再深点灬舒服灬太大爽| 第一福利在线观看| 成人免费在线播放| 亚洲人成77777在线播放网站| 综合激情区视频一区视频二区| 国产精品国产三级国产av中文| 中文字幕久久久久久久系列| 欧美交换配乱吟粗大| 亚洲精品欧美精品日韩精品| 精品一久久香蕉国产二月| 四虎www成人影院| 四虎精品视频在线永久免费观看| 国内精品久久人妻互换| 久久久久无码专区亚洲AV| 欧美精品一区二区三区视频| 国产99久久亚洲综合精品| 高清中文字幕在线| 夜爽爽爽爽爽影院| 一本大道AV伊人久久综合| 成年网在线观看免费观看网址| 久久人人爽人人爽人人av东京热| 欧美色图亚洲天堂| 同性女女黄h片在线播放| 苍井空亚洲精品AA片在线播放|