Wie zeichnet man die Ellipsenform mit js?

Question

Ich möchte eine Ellipse in canvas.js oder einem anderen Javascript zeichnen. Ist es möglich canvas.js zu zeichnen oder nicht? Bitte helfen Sie mir, die Ellipsenform zu zeichnen und den Code zu programmieren. Danke.

Answer 1

Bellow ist ein Ausschnitt zeigt, wie 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>