Skinnable canvas window: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
|||
Line 24: | Line 24: | ||
sk.listen_mouse_clicks(object:me, function:me.onClick); | sk.listen_mouse_clicks(object:me, function:me.onClick); | ||
</syntaxhighlight> | </syntaxhighlight> | ||
== Members == | |||
=== skinnable.size === | |||
: returns the window size as | |||
=== skinnable.window === | |||
: returns the canvas.Window object. | |||
=== skinnable.canvas === | |||
: returns the canvas object. | |||
=== skinnable.root === | |||
: returns the ''root'' group/layer. | |||
: e.g. <syntaxhighlight lang="nasal">var sk = canvas.skinnable.new([575,290]); | |||
sk.addSkin("/foo/osc2.png"));</syntaxhighlight> |
Revision as of 21:25, 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
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.addSkin("/foo/osc2.png"));