一、w3c裡面的**和實現效果
手冊的**是這樣的
var c = document.getelementbyid('mycanvas');
var cxt = c.getcontext("2d");
cxt.moveto(10, 10);
cxt.lineto(150,50);
cxt.lineto(10,50);
cxt.stroke();
實現的效果是這樣的
二、詳細講解每乙個步驟
1，獲取id值為mycanvas的canvas標籤並賦值給c！（指定在**畫）
2，
c.getcontext('2d');3, 手冊上說是返回乙個用於在畫布上繪圖的環境，2d表示二維繪圖！（指定畫出的圖案的型別）
cxt.moveto(10, 10);
指定義了乙個起點，座標是（20,20）！這時候的起點如下圖
4，
cxt.lineto(150, 50);(1)新增一條直線，起點是第3步設定的(10, 10)，終點現在設定的(150, 50)！ 這有兩個功能：
(2)設定新的起點為(150, 50)，相當於又來了一句cxt.moveto(150, 50);而這時候的起點如下圖
5，
cxt,lineto(10, 50);跟上一條語句功能相同，這時候起點如下圖
6,
cxt.stroke();上面做了那麼多的事情但始終沒有在網頁上面畫出了，而這個語句就是將你以上所有做的事都在網頁上面呈現出來！所以如果你要測試線條或者圖案效果的話，一定不要忘了這一句，不然網頁上面是什麼都顯示不出啦的
canvas學習筆記 2d畫布基礎
canvas 元素創造了乙個固定大小的畫布，其上的渲染上下文canvasrendercontext2d，可以用來繪製和處理要展示的內容。若要在canvas上繪圖，首先得獲取canvasrendercontext2d2d渲染上下文。此處指2d的，不談webgl const canvas documen...
canvas之2D上下文
1.填充和描邊 1 fillstyle 2 strokestyle 2.繪製矩形 1 fillrect 2 strokerect 3 clearrect 清除畫布上的矩形區域 3.繪製路徑 1 arc x,y,radius,startangle,endangle,countercockwise 以 ...
2D遊戲開發（2）
每次給遊戲新增新功能時，通常也會引入一些新設定。為了讓所有的設定進行統一管理，我們可以配置乙個名為 setting的模組，這個模組中包含乙個setting的類，用來儲存所有的設定。usr bin env python3.5 filename setting 儲存所有的設定 class setting...