canvas相關(guān)單位
實際上在剛接觸canvas的時候削咆，我犯了一個錯誤鸽粉。將canvas的畫布進行了如下設(shè)置：
<canvas style='width: 700px;height:700px'></canvas>
這樣設(shè)置以后黔酥，在畫布中畫圓的時候挚赊，我進行了如下設(shè)置：
var mycanvas = ocanvas.getContext('2d');
mycanvas.beginPath();
mycanvas.arc(350,350,300,0,2*Math.PI)
后面才發(fā)現(xiàn)圓形沒有如預期那樣顯示在畫布的中央诡壁，實際上canvas中是有相關(guān)設(shè)置的。
arc中圓點x,y的坐標是相對于畫布的荠割，而畫布大小設(shè)置應該由它自己的屬性width和height決定妹卿，而不是通過stytle來設(shè)置。
所以最后修改如下：
<canvas width='700' height='700'></canvas>
顯示成功
canvas相關(guān)對象
我通過在控制臺打印canvas.getContext(‘2d’)得到的對象蔑鹦，發(fā)現(xiàn)如下屬性夺克，便于處理
canvasRenderingContext2d對象.png
canvas的stroke()方法
需要注意在畫的線時，上一條線的strokeStyle會影響下一條嚎朽，即便使用了beginPath铺纽。所以解決方法只有每條線都設(shè)置相應的strokeStyle才行。
canvas清空畫布方法
我采用的是以下鏈接的第二種方法：
（接下來考慮stroke顏色加深的問題）
