HTML(Hypertext Markup Language)是用于創建網頁的基本語言。使用不同的標記在頁面上標記內容,然后瀏覽器解析并呈現頁面。本文將介紹如何用HTML代碼書寫一個五邊形。
<!DOCTYPE html> <html> <head> <title>五邊形</title> </head> <body> <canvas id="myCanvas" width="200" height="200"> 您的瀏覽器不支持HTML5畫布標記。 </canvas> <script> var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.beginPath(); ctx.moveTo(100,0); ctx.lineTo(200,70.7); ctx.lineTo(160.8,190.8); ctx.lineTo(39.2,190.8); ctx.lineTo(0,70.7); ctx.closePath(); ctx.strokeStyle = "#0000FF"; ctx.stroke(); </script> </body> </html>
以上代碼創建了一個寬高為200像素的畫布,并用JavaScript在畫布上繪制了五邊形。在JavaScript中,我們需要獲取畫布的上下文并開始路徑來繪制圖形。moveTo函數將畫筆移動到起始點100,0處。然后我們使用線to函數來連接多個點以創建一個完整的五邊形。在這里,我們使用了填充路徑,繪制樣式和顏色等函數來美化圖形。