Circle sa HTML Canvas

Mga halimbawa

const canvas = document.getElementById("myCanvas");
const ctx = canvas.getContext("2d");
ctx.beginPath();
ctx.arc(95, 50, 40, 0, 2 * Math.PI);
ctx.stroke();

Subukan nang personal

Magpahayag ng bilog

Upang magpahayag ng bilog sa kanvas, gamitin ang sumusunod na mga paraan:

• beginPath() - magsimula ng paraan
• arc(x,y,r,start,end) - nagtatalaga ng bilog
• stroke() - magpahayag

arc(x,y,r,start,end) - lumikha ng arco (kurba).

Upang lumikha ng bilog, i-set ang simula ng angle sa 0, at ang tapusin ng angle sa 2 * Math.PI.

x at y ang pahintulot ng kordinada ng gitna ng bilog.

Ang r parameter ay nagtutukoy sa laki ng radius ng lupon.

Mga ibang pangkatigilan:

Kompleto na Manwal ng Canvas ng CodeW3C.com