## 第二課時：線型 以下的方法和屬性控制線條的視覺特征。 * `CanvasRenderingContext2D.lineWidth`：指定線條的寬度，默認為 1.0。 * `CanvasRenderingContext2D.lineCap`：指定線條末端的樣式，有三個可能的值：`butt`（默認值，末端為矩形）、`round`（末端為圓形）、`square`（末端為突出的矩形，矩形寬度不變，高度為線條寬度的一半）。 * `CanvasRenderingContext2D.lineJoin`：指定線段交點的樣式，有三個可能的值：`round`（交點為扇形）、`bevel`（交點為三角形底邊）、`miter`（默認值，交點為菱形)。 * `CanvasRenderingContext2D.miterLimit`：指定交點菱形的長度，默認為10。該屬性只在`lineJoin`屬性的值等于`miter`時有效。 * `CanvasRenderingContext2D.getLineDash()`：返回一個數組，表示虛線里面線段和間距的長度。 * `CanvasRenderingContext2D.setLineDash()`：數組，用于指定虛線里面線段和間距的長度。 ~~~ var canvas = document.getElementById('myCanvas'); var ctx = canvas.getContext('2d'); ctx.beginPath(); ctx.moveTo(100, 100); ctx.lineTo(200, 200); ctx.lineTo(100, 200); ctx.lineWidth = 3; ctx.lineCap = 'round'; ctx.lineJoin = 'round'; ctx.setLineDash([15, 5]); ctx.stroke(); ~~~ 上面代碼中，線條的寬度為3，線條的末端和交點都改成圓角，并且設置為虛線。