Skinnable canvas window: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
|||
Line 28: | Line 28: | ||
=== skinnable.size === | === skinnable.size === | ||
: returns the window size as | : returns the window size as [''width, height'']. | ||
=== skinnable.window === | === skinnable.window === | ||
: returns the canvas.Window object. | : returns the canvas.Window object. | ||
Line 38: | Line 38: | ||
: e.g. <syntaxhighlight lang="nasal">var sk = canvas.skinnable.new([575,290]); | : e.g. <syntaxhighlight lang="nasal"> | ||
sk. | var sk = canvas.skinnable.new([575,290]); | ||
sk.window.set("title","oscilloscope" ).clearFocus(); | |||
sk.canvas.set("background", '#224422'); | |||
</syntaxhighlight> |
Revision as of 21:28, 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');