Documentation

Learn all about jCanvas

Ellipses

An ellipse in jCanvas is, essentially, an elongated circle. The size of an ellipse is determined by its width and height properties.

Basic Usage

You can draw an ellipse using the drawEllipse() method.

$('canvas').drawEllipse({
  fillStyle: '#c33',
  x: 150, y: 100,
  width: 200, height: 100
});
$('canvas').drawEllipse({
  strokeStyle: '#36c',
  strokeWidth: 4,
  x: 150, y: 100,
  width: 200, height: 100
});
Fish Ladybug Water