Skinnable canvas window: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
|||
Line 42: | Line 42: | ||
sk.window.set("title","oscilloscope" ).clearFocus(); | sk.window.set("title","oscilloscope" ).clearFocus(); | ||
sk.canvas.set("background", '#224422'); | sk.canvas.set("background", '#224422'); | ||
myGroup = sk.root.createChild("group"); | |||
</syntaxhighlight> | </syntaxhighlight> |
Revision as of 21:30, 1 March 2018
The FlightGear forum has a subforum related to: Canvas |
skinnable.nas implements the skinnable class. It inherits from canvas.
Constructor
new: func(size,title)
size mandatory as [width, height] vector, the window dimension.
title optional as string , the window title. Empty by default.
- e.g.
var sk = canvas.skinnable.new([575,290]);
Methods
Skinnable objects includes 2 methods:
addSkin: func(filename)
- loads the image file and creates Canvas Image element.
filename as the absolute file path. The file must be a .png or a .jpg image.
- e.g.
var sk = canvas.skinnable.new([575,290]); sk.addSkin("/foo/osc2.png"));
listen_mouse_clicks: func(object, function)
- creates the listener and binds the events to function(e). Also checks the ctrl key: ctrl-click outputs the mouse coordinates.
object as the calling object.
function as the callback function.
- e.g.
var sk = canvas.skinnable.new([575,290]); sk.addSkin("/foo/osc2.png")); sk.listen_mouse_clicks(object:me, function:me.onClick);
Members
skinnable.size
- returns the window size as [width, height].
skinnable.window
- returns the canvas.Window object.
skinnable.canvas
- returns the canvas object.
skinnable.root
- returns the root group/layer.
- e.g.
var sk = canvas.skinnable.new([575,290]); sk.window.set("title","oscilloscope" ).clearFocus(); sk.canvas.set("background", '#224422'); myGroup = sk.root.createChild("group");