You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
55 lines
1.5 KiB
55 lines
1.5 KiB
/**
|
|
_enyo.canvas.Control_ is the base kind for items that live inside an
|
|
<a href="#enyo.Canvas">enyo.Canvas</a> control.
|
|
|
|
If you're using this kind directly, you may implement an _onRender_ event
|
|
handler in the owner to handle drawing into the canvas.
|
|
|
|
If you're deriving a new kind based on this one, override the _renderSelf_
|
|
method and use that for your drawing code.
|
|
*/
|
|
enyo.kind({
|
|
name: "enyo.canvas.Control",
|
|
kind: enyo.UiComponent,
|
|
defaultKind: "enyo.canvas.Control",
|
|
published: {
|
|
//* Structure with l (left), t (top), w (width), and h (height) members.
|
|
//* The default constructor sets those properties to random values.
|
|
bounds: null
|
|
},
|
|
events: {
|
|
/**
|
|
Fires when this control is to be rendered.
|
|
|
|
_inEvent.context_ contains the active canvas context.
|
|
*/
|
|
onRender: ""
|
|
},
|
|
//* @protected
|
|
constructor: function() {
|
|
this.bounds = {l: enyo.irand(400), t: enyo.irand(400), w: enyo.irand(100), h: enyo.irand(100)};
|
|
this.inherited(arguments);
|
|
},
|
|
importProps: function(inProps) {
|
|
this.inherited(arguments);
|
|
if (inProps && inProps.bounds) {
|
|
enyo.mixin(this.bounds, inProps.bounds);
|
|
delete inProps.bounds;
|
|
}
|
|
},
|
|
renderSelf: function(inContext) {
|
|
this.doRender({context: inContext});
|
|
},
|
|
render: function(inContext) {
|
|
if (this.children.length) {
|
|
this.renderChildren(inContext);
|
|
} else {
|
|
this.renderSelf(inContext);
|
|
}
|
|
},
|
|
renderChildren: function(inContext) {
|
|
for (var i=0, c; (c=this.children[i]); i++) {
|
|
c.render(inContext);
|
|
}
|
|
}
|
|
});
|