鐵人檔案
<canvas id="canvas"></canvas> 這是 HTML 最基本的設定設定 id 是為了 JS...
延續前一天的寬高設定要把畫布拉大到整個視窗時因為在 HTML 尺寸只能是 px所以寫 100% 不會有作用在 CSS 拉滿畫布則會造成內容變形所以就要用 JS...
圖形是由最基本的點線面畫出來再加上 填滿色塊 fill 和描邊 stroke 兩種上色產生 線 描邊產生的和由多個點連線產生下方的圖 矩形描邊有2種方法產生的圖...
把描圖改成範圍內的填色就只要把全部的 stroke 換成 fill 就好了 // 矩形 ctx.fillRect(30,30,30,30); // 三角形 c...
建立線性漸層 createLinearGradient線性漸層 不像 CSS 還要有角度這裡只需要 起點 和 終點再利用2點連線之間的距離填色就像下圖是由 左上...
在第2天時有練習到畫布拉大到全螢幕 var canvas = document.getElementById("cvs"); var ctx...
要改變線的樣式有以下3種:lineWidth粗細、lineCap端點、lineJoin尖角、setLineDash虛線 lineWidth 就是調整粗細 ctx...
畫曲線可以用arc() 和 arcTo() ctx.beginPath(); ctx.arc(50, 45, 35, Math.PI*35/180, Math....
有可以用 id 的方法 var cvs = document.getElementById('canvas'); var ctx = cvs.getContex...
在 canvas 插入小圖時要先建立一個物件是放圖片專用的再用 drawImage() 把圖畫上去 var cvs = document.getElementB...
