演示效果如下：
**講解：
please use a browser that supports "canvas"
最後使用script標籤定義了canvas的繪製指令碼，也即main()函式就在這裡定義的drawrectangle.js。
function main()
else
//get the rendering context for 2dcg
var ctx = canvas.getcontext('2d');
//draw a blue rectangle
ctx.fillstyle = 'rgba(0, 0, 255, 1.0)'; //set a blue color
ctx.fillrect(120, 10, 150, 150); //fill a rectangle with the color
}
獲取到canvas之後，要獲取到其可繪製的上下文，這裡獲取的是2d的上下文。然後在上下文中使用api fillstyle來設定填充色，使用fillrect來設定邊界（左，上，寬，高）。這裡要介紹一下canvas的座標系：
Core Data 程式設計指南2
介紹 在cocoa環境下，如果你想使用資料庫 如sqlite 你可以使用sql語句的方式通過相關的工具類進行資料庫的直接操作。當然你也可以通過別人封裝之後的一些簡單框架，使得你的操作更加簡單 如fmdb bnrpersistence cocoa框架本身提供了coredata這個api可方便的讓開發者...
WebGL程式設計指南高階技術篇（常見需求的處理）
一 滑鼠控制模型旋轉 實質的根據滑鼠移動前後的位置比較得出x，y軸的旋轉角度 圖中是乙個螢幕，有乙個模型 恩，他是乙個模型 滑鼠由p點移動到p1點，我們假定移動單位步長旋轉 角度 p x1,y1 p1 x2,y2 x軸移動 x2 x1 y軸移動 y2 y1 所以x軸旋轉 x2 x1 度，y軸旋轉 y...
Posix執行緒程式設計指南 2
概念及作用 在單執行緒程式中，我們經常要用到 全域性變數 以實現多個函式間共享資料。在多執行緒環境下，由於資料空間是共享的，因此全域性變數也為所有執行緒所共有。但有時應用程式設計中有必要提供執行緒私有的全域性變數，僅在某個執行緒中有效，但卻可以跨多個函式訪問，比如程式可能需要每個執行緒維護乙個鍊錶，...