canvas.Circle Class
Class for circle tags. It extends canvas.Node by adding setter and getter methods for radius, center x and center y.
Constructor
canvas.Circle
-
coordinates
-
config
Parameters:
-
coordinates
Object -
config
canvas.NodeConfig
Example:
var circle = new ludo.canvas.Circle(
{ cx:100, cy:100, r:200 },
{ paint:paintObject }
);
Item Index
Methods
Attributes
Methods
_addEvent
-
ev
-
fn
-
el
Add event to DOM element el is optional, default this.el
add
-
tagName
-
properties
-
text
Adds a new child DOM node
Returns:
Example:
var filter = new ludo.canvas.Filter(); filter.add('feGaussianBlur', { 'stdDeviation' : 2, result:'blur' });
adopt
-
node
Adopt a new node
Parameters:
-
node
canvas.Element | canvas.Nodenode
Returns:
getCanvas
()
ludo.canvas.Node.el
The nearest ancestor 'svg' element. Null if the given element is the outermost svg element.
Returns:
getSize
()
Object
Returns rectangular size of element, i.e. bounding box width - bounding box x and bounding box width - bounding box y. Values are returned as { x : 100, y : 150 } where x is width and y is height.
Returns:
getViewPort
()
ludo.canvas.Node.el
The element which established the current viewport. Often, the nearest ancestor ‘svg’ element. Null if the given element is the outermost svg element
Returns:
hasClass
-
className
Returns true if svg node has given css class name
Parameters:
-
className
String
Returns:
Example:
var node = new ludo.canvas.Node('rect', { id:'myId2'}); ludo.dom.addClass(node, 'myClass'); alert(node.hasClass('myClass'));
removeClass
-
className
Remove css class name from css Node
Parameters:
-
className
String
Example:
var node = new ludo.canvas.Node('rect', { id:'myId2'}); ludo.dom.addClass(node, 'myClass'); ludo.dom.addClass(node, 'secondClass'); node.removeClass('myClass');
url
-
key
-
to
Create url reference
Parameters:
-
key
String -
to
canvas.Node | String
Example:
node.url('filter', filterObj); // sets node property filter="url(#<filterObj->id>)" node.url('mask', 'MyMask'); // sets node property mask="url(#MyMask)"