一般常用的繪圖技術有三種：svg,canvas和webgl
在正式使用canvas繪製多邊形及五角星之前，請允許我向大家簡單的介紹下canvas繪圖之路徑的基本語法結構
ctx.beginpath() -------- 開始一條新路徑
ctx.closepath() -------- 閉合當前路徑
ctx.linewidth = 1 ------ 描邊寬度
ctx.fillstyle = "#000" 填充樣式或顏色
ctx.strokestyle = "red" 描邊樣式或顏色
ctx.moveto(x,y) -------- 移動到指定點
ctx.lineto(x,y) ------- 從當前點到指定點畫直線
ctx.stroke() ------- 對當前路徑描邊
ctx.fill() ------ 對當前路徑填充
在了解了上面的一些基本知識之後，現在我們就要開始使用canvas繪製正多邊形了
如果頁面中能夠看到這些字，那麼您的瀏覽器不支援canvas
Canvas繪製任意正多邊形
繪圖方式 1 任意正多邊形都存在與乙個外接圓。2 外接圓的圓心為正多邊形的中心 重心 到各邊的距離相等，到各角的距離相等 外接圓半徑 3 中心到各個角的連線將正多邊形n等分 n 正多邊形邊數 同時將圓心角 2 n等分。我們已正八邊形為例，如下圖所示 1 座標系上任意一點到圓心的連線，我們可以用 來表...
AutoCAD 2008 繪製正多邊形
通過 正多邊形 命令，可以建立具有3至1024條等長邊的閉合多段線。它的形狀由其所包含的邊數構成，邊數越多，它的形狀就越接近於圓形。當正多邊形的邊數為4時，可建立出乙個正方形。本例將通過繪製圖3 49所示的天花板頂燈圖形，來學習正多邊形的3種繪製方法和操作技巧。圖3 49 例項效果 1 執行 開啟 ...
canvas繪製多邊形並填充
let canvas document.getelementbyid canvas canvas.width 800 畫布寬度 canvas.height 800 畫布高度 let context canvas.getcontext 2d canvasmonth context,100,100,40...