var canvas = document.getelementbyid("canvas");
var cxt = canvas.getcontext("2d");
//畫線(用線畫三角型)
cxt.strokestyle = "red";//線作色
cxt.lineto(59, 59);//線的起點
cxt.lineto(20, 20);
cxt.lineto(59, 20);
cxt.closepath();//可以用closepath()將你畫的圖形封閉起來
cxt.stroke();
//畫圓
//如果是rgba(1,2,3,4)第四個引數是不透明度
//繪製實心圓
cxt.beginpath();
cxt.arc(100, 100, 50, 0, math.pi * 2, false); //arc(起始x，起始y，半徑，起始角度，終止角度，是否是逆時針)
cxt.closepath();
cxt.fillstyle = "rgb(250,0,0)";
cxt.fill();
//繪製空心圓
cxt.beginpath();
cxt.arc(200,100, 50, math.pi * 2, false); //arc(x,y,半徑,)
cxt.closepath();
cxt.strokestyle = "rgb(250,0,0)";
cxt.stroke();
//畫圓弧(畫空心圓弧和空心圓一樣同上)
cxt.beginpath();
cxt.strokestyle = colors[1];
cxt.beginpath();
cxt.moveto(200,200);//畫圓弧的時候必須先給個起點，不然會找不到起點,會畫不出圓來。用lineto(x,y)也一樣
cxt.arc(200, 200, 50, math.pi*0, math.pi/3, false);//arc(起始x，起始y，半徑，起始角度，終止角度，是否是逆時針)
cxt.closepath();
cxt.fill();
//設定陰影部分
cxt.beginpath();
cxt.fillstyle = "rgb(0,255,255)";
cxt.shadowoffsetx = 30; //設定水平位移,就是陰影部分的寬度
cxt.shadowoffsety = 30; // 設定垂直位移 ,就是陰影部分的長度
cxt.shadowblur = 10; // 設定模糊度,值越大模糊越厲害。
cxt.shadowcolor = "rgba(0,0,0,0.5)"; //設定陰影部分顏色
cxt.fillrect(300, 300, 100, 100);
cxt.closepath();
cxt.fill();
//設定字型，並設定藝術字效果
cxt.beginpath();
cxt.font = "bold 40px arial";//設定字型樣式
cxt.textalign = "left";// 設定對齊方式
cxt.fillstyle = "#008600"; // 設定填充顏色
cxt.shadowoffsetx =4; //設定水平位移,就是陰影部分的寬度
cxt.shadowoffsety =5.5; // 設定垂直位移 ,就是陰影部分的長度
cxt.shadowblur = 7; // 設定模糊度,值越大模糊越厲害。
cxt.shadowcolor = "rgba(0,0,0,0.5)"; //設定陰影部分顏色
cxt.filltext("hello!", 600, 400); // 設定字型內容，以及在畫布上的位置filltext(字型,x座標,y座標)
cxt.stroketext("hello!", 740, 400); // 繪製空心字
cxt.closepath();
//設定漸變
var mygradient = cxt.createlineargradient(500, 100, 600, 250);//createlineargradient(起始x,起始y,終止x,終止y)
mygradient.addcolorstop(1, "#ffffff");//addcolorstop(0是起始1是終止顏色,顏色)
mygradient.addcolorstop(0, "#000000");
cxt.fillstyle = mygradient;//用mygradient變數來填充矩形顏色
cxt.fillrect(500, 100, 100, 150);
cxt.closepath();
cxt.fill();
html5 canvas（基本矩形）
先從簡單的開始 fillrect x,y,width,height fillrect 0,0,500,500 在座標0，0處加上乙個寬高500的填充矩形 strokerect x,y,width,height 在座標x,y的位置加上乙個寬，高邊框矩形 但是需要使用linewidth,linejoin...
Bash基本功能
history 選項 歷史命令儲存檔案 c 清空歷史命令 w 把快取中的歷史命令寫入命令儲存檔案 歷史命令預設儲存1000條，可以在環境變數配置檔案 etc profile中進行修改 必須重新登陸，歷史命令可以儲存檔案 歷史命令的呼叫 使用上，下箭頭呼叫以前的歷史命令 使用 n 重複執行第n條命令 ...
Nginx基本功能
1 靜態http伺服器 首先，nginx是乙個http伺服器，可以將伺服器上的靜態檔案 如html 通過http協議展現給客戶端。配置 plain view plain copy server 2 反向 伺服器 什麼是反向 客戶端本來可以直接通過http協議訪問某 應用伺服器，管理員可以在中間加上乙...