jsを使用して楕円形を描く方法は？

Question

私はcanvas.jsや他のjavascriptで楕円形を描きたい。 canvas.jsを描画することは可能ですか？私が楕円形を描き、コードをプログラムするのを助けてください。 ありがとうございます。

Answer 1

ベローはwilliammalone's algorithmはに学ぶどちらか

//FROM; http://www.williammalone.com/briefs/how-to-draw-ellipse-html5-canvas/ 
 

 
//Fetch element 
 
var c = document.getElementById("c"); 
 
console.log(c); 
 
//Get 2D context 
 
var context = c.getContext("2d"); 
 

 
function drawEllipse(centerX, centerY, width, height) { 
 

 
    context.beginPath(); 
 

 
    context.moveTo(centerX, centerY - height/2); // A1 
 

 
    context.bezierCurveTo(
 
    centerX + width/2, centerY - height/2, // C1 
 
    centerX + width/2, centerY + height/2, // C2 
 
    centerX, centerY + height/2); // A2 
 

 
    context.bezierCurveTo(
 
    centerX - width/2, centerY + height/2, // C3 
 
    centerX - width/2, centerY - height/2, // C4 
 
    centerX, centerY - height/2); // A1 
 

 
    context.fillStyle = "red"; 
 
    context.fill(); 
 
    context.closePath(); 
 
} 
 

 
//Fire function 
 
drawEllipse(100, 100, 100, 200)

<canvas id="c" height="200" width="200"></canvas>