Home :: GUI :: Shapes

  1. Introduction
  2. Reference
    1. Methods
      1. constructor
      2. init
      3. realize
      4. refresh
      5. registerHandles
      6. unregisterHandles
      7. selectHandles
      8. showHandles
      9. getIntersectionParams
    2. Properties
      1. center
      2. radiusX
      3. radiusY
  3. Example
  4. Download

Introduction

Ellipse is a JavaScript object that allows you to interactively manipulate an ellipse via Handle objects: a center handle and two radius handles. This code is used in the 2D Geometry section of this site.

NOTE: The code for the radii handles needs to be improved.

Ellipse is a sub-class of the Shape class.


Reference

Methods

constructor - new Ellipse(svgNode);

This method creates a new Circle object. All initialization is handled by the init() method. All parameters for this method are described below.

init(svgNode);

realize();

refresh();

registerHandles();

unregisterHandles();

selectHandles();

showHandles();

getIntersectionParams() : IntersectionParams;

Properties


Example

This example allows you to adjust the position and radii of the ellipses within the SVG document. Here is a brief summary of the editing procedures:


Download

Ellipse.js - the circle object only...cannot be used in isolation

2D.js.gz - all objects needed to use this object and other 2D geometry objects