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.
37 lines
970 B
37 lines
970 B
/**
|
|
The base kind for shapes that can be drawn into the canvas.
|
|
This doesn't have a default rendering, but an event handler
|
|
may call the _draw_ method on it.
|
|
|
|
Kinds derived from this one should provide their own implementation of
|
|
_renderSelf_. If more complex operations are needed for filled mode or
|
|
outline mode, override the _fill_ or _outline_ methods, respectively.
|
|
*/
|
|
enyo.kind({
|
|
name: "enyo.canvas.Shape",
|
|
kind: enyo.canvas.Control,
|
|
published: {
|
|
//* Color used to draw the interior of the shape
|
|
color: "red",
|
|
//* Color used to draw the outline of the shape
|
|
outlineColor: ""
|
|
},
|
|
//* @protected
|
|
fill: function(inContext) {
|
|
inContext.fill();
|
|
},
|
|
outline: function(inContext) {
|
|
inContext.stroke();
|
|
},
|
|
//* @public
|
|
draw: function(inContext) {
|
|
if (this.color) {
|
|
inContext.fillStyle = this.color;
|
|
this.fill(inContext);
|
|
}
|
|
if (this.outlineColor) {
|
|
inContext.strokeStyle = this.outlineColor;
|
|
this.outline(inContext);
|
|
}
|
|
}
|
|
});
|