使用路徑arc

時間 2019-12-09

標籤使用路徑 arc 简体版

原文原文鏈接

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>使用路徑</title>
</head>
<body>
    <canvas id="ourCanvas" width="400" height="400" style="border:3px dashed #0094ff;" ></canvas>
<script>
    //arc(float x,float y,float radius,float startAngel,endAngel,booleancounterclockwise)counterclockwise逆時針
    //向Canvas的當前路徑添加一段弧。繪製以x、y爲圓心的，radius爲半徑，從startAngel角度開始，到endAngel角度結束的圓弧。startAngel和endAngel以弧度做爲單位。
    var canvas = document.getElementById("ourCanvas");
    var ctx = canvas.getContext("2d");
    //開始定義路徑
    ctx.beginPath();html