接上篇
畫幾個圓軌道時，步驟：
1.開始路徑 ctx.beginpath();
2.畫圓 ctx.arc(300, 300,50 * (i+1), 0, 1.5 * math.pi);
3.如果想要對其閉合，使用ctx.closepath();也可以不閉合。
4.進行圓輪廓繪製或者圓的填充 ctx.stroke()或ctx.fill()
5.此外可以對輪廓線條顏色或填充顏色進行設定。例如：ctx.strokestyle = "#999"， ctx.fillstyle = "rgba(0, 0, 200, 0.5)";
將圖放進canvas中的步驟
獲得了源圖物件，我們就可以使用drawimage方法將它渲染到 canvas 裡
1.var img = new image();
2.img.onload 在它的onload事件響應函式中觸發繪製動作.
3.img.src獲取源影象。此外也可以用html獲取源影象，即ctx.drawimage(document.getelementbyid('frame'),0,0);
function draw()drawimage的三種方式：img.src = 'images/backdrop.png';
}
1.drawimage(image, x, y)其中image是 image 或者 canvas 物件，x和y 是其在目標 canvas 裡的起始座標。
2.drawimage(image, x, y, width, height)這個方法多了2個引數：width和height，這兩個引數用來控制 當像canvas畫入時應該縮放的大小
3.drawimage(image, sx, sy, swidth, sheight, dx, dy, dwith, dheight)
第乙個引數和其它的是相同的，都是乙個影象或者另乙個 canvas 的引用。其它8個引數最好是參照右邊的**，前4個是定義影象源的切片位置和大小，後4個則是定義切片的目標顯示位置和大小。sx, sy, swidth, sheight表示切片相對於原的位置以及寬度，dx, dy, dwith, dheight表示切片最後在canvas中的位置。
canvas學習筆記
1 canvas 元素a 元素有乙個叫做 getcontext 的方法，這個方法是用來獲得渲染上下文和它的繪畫功能，通過簡單的測試getcontext 方法的存在，指令碼可以檢查程式設計支援性var canvas document.getelementbyid tutorial if canvas....
canvas學習筆記
canvas是html5中的新功能，它是一塊，在你開闢的空間內部用 畫圖。而建立畫布和畫圖是需要一些步驟的 canvas是布 context是各種筆 先看乙個簡單的 瀏覽器不支援canvas 每乙個我們要進行的canvas操作都必須有獲取畫布，和獲取畫布內容的操作。然後還有乙個問題就是，我們要預防老...
canvas學習筆記
畫布相當於乙個img標籤，可以在畫布上繪製內容。畫布預設是透明的，所以可以放在另乙個元素上面繪製內容，乙個頁面上可以有多個畫布元素 1.請輸入 繪製畫布的前提需要在頁面上建立乙個canvas元素，然後使用js獲取到這個canvas元素 2.繪製矩形的方法 這邊的x，y分別為矩形在畫布上的x，y位置 ...