基本用法:使用canvas,必須設定width和height,置頂圖形大小區域。不可在style中設定寬高。
在body中:
6接下來要在整塊畫布中繪圖,就要去的上下文聯絡,需要呼叫getcontext()方法。
js:var drawing = document.getelementbyid("canvas");
var context = drawing.getcontext("2d");
繪製矩形:方法fillrect(x,y,width,height)矩形的x座標矩形的月座標,矩形的寬高。
context.fillrect(10,10,200,200);
//給矩形填充顏色fillstyle:屬性值可以是字串、漸變物件或模糊物件;
context.fillstyle = "#ccc";
完整**:(1)乙個填充的矩形
var drawing = document.getelementbyid("canvas");
var context = drawing.getcontext("2d");
context.fillrect(10,10,200,200);
context.fillstyle = "#ccc";
(2)描邊矩形:strokestyle:屬性值可以是字串、漸變物件或模糊物件;
var drawing = document.getelementbyid("canvas");
var context = drawing.getcontext("2d");
context.fillrect(10,10,200,200);
context.strokestyle = "red";
簡單矩形繪製第一講結束
python基礎教程1 入門基礎知識
沒有梳理總結的知識毫無價值,只有系統地認真梳理了才能形成自己的知識框架,否則總是陷入斷片兒似的學習 遺忘迴圈中。學習方法真的比刻苦 傻學 重要多了,而最重要的學習方法無非總結梳理,溫故知新,多動手實踐。作為乙個程式設計的門外漢,要快速轉型上手python一定要踐行此 術 我完整看完的技術書籍幾乎沒有...
Tensorflow 基礎教程(1)
在使用tensorflow之前先了解下tensorflow的幾個基礎知識 1 使用圖 graph 來表示計算 2 在回話 session 中執行圖 3 使用張量 tensor 來代表資料 4 通過變數 variables 維護狀態 5 通過供給 feeds 和取回 fetches 將資料傳入或傳出任...
Linux基礎教程 1
今天我來寫乙個檔案壓縮和解壓的命令 tar命令和vim編輯器教程 tar命令可以為linux的檔案和目錄建立檔案。利用tar,可以為某一特定檔案建立檔案 備份檔案 也可以在檔案中改變檔案,或者向檔案中加入新的檔案。tar最初被用來在磁帶上建立檔案,現在,使用者可以在任何裝置上建立檔案。利用tar命令...