canvas基礎教程知識(1)

2021-08-16 08:47:08 字數 862 閱讀 1394

基本用法:使用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命令...