围绕特定轴旋转椭圆

Question

我知道javascript canvas方法中的默认旋转会围绕Z轴旋转图像。 有没有办法显示关于Y轴和X轴的椭圆？

我想要类似的东西：

非常感谢

Answer 1

这样的事情就是你所追求的。

请记住，这主要是伪代码！

var width = 24;
var direction = -1;  

function draw() {

    // Draw a circle
    stroke(50);
    fill(100);
    ellipse(x, y, width, 24);

    width = width + direction; // direction is either 1 or -1

    // flip direction
    if (Math.abs(width) > 24) {
       direction *= -1;
    }
}