HTML5畫圓弧代碼

HTML5是最新的HTML標(biāo)準(zhǔn)，它支持更多的圖形和動畫效果。其中，畫圓弧就是非常常用的功能之一。下面是HTML5畫圓弧的代碼：

<canvas id="myCanvas" width="200" height="200">
</canvas>
<script>
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
ctx.beginPath();
ctx.arc(100, 100, 50, 0, Math.PI/2);
ctx.stroke();
</script>

在上述代碼中，我們通過canvas元素創(chuàng)建了一個畫布對象，并獲取了它的上下文對象。接下來，我們通過`arc()`方法畫了一個半徑為50，圓心坐標(biāo)為(100,100)，從0度開始，到90度結(jié)束的圓弧。最后，我們用`stroke()`方法將其描邊。

需要注意的是，在html代碼中，canvas元素應(yīng)該定義width和height屬性；在JavaScript代碼中，我們可以通過id選擇器獲取canvas元素，并通過getContext()方法獲取上下文對象，接著定義圓弧的屬性和描邊操作。

除了畫圓弧，HTML5的canvas元素還有很多其他的圖形繪制方法，如線條、矩形、文字等。當(dāng)然，我們也可以通過JS的CANVAS API擴(kuò)展更多的繪圖方法。