Skinnable canvas window: Difference between revisions

From FlightGear wiki
Jump to navigation Jump to search
Line 11: Line 11:
Skinnable objects includes 2 methods:
Skinnable objects includes 2 methods:
=== addSkin: func(filename) ===
=== 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.
'''filename''' as the absolute file path. The file must be a .png or a .jpg image.
: e.g. <pre style="color: green"> sk.addSkin("/foo/osc2.png"));</pre>
: e.g. <pre style="color: green"> sk.addSkin("/foo/osc2.png"));</pre>
=== listen_mouse_clicks: func(object, function) ===
: creates the listener and binds the events to ''function(e)''.
'''object''' as the calling object.<br />
'''function''' as the callback function.<br />
: e.g. <syntaxhighlight lang="nasal">sk.addSkin("/foo/osc2.png"));
me.sk.listen_mouse_clicks(object:me, function:me.onClick);
</syntaxhighlight>

Revision as of 21:01, 1 March 2018


skinnable.nas implements the skinnable class.

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.
 sk.addSkin("/foo/osc2.png"));

listen_mouse_clicks: func(object, function)

creates the listener and binds the events to function(e).

object as the calling object.
function as the callback function.

e.g.
sk.addSkin("/foo/osc2.png"));
me.sk.listen_mouse_clicks(object:me, function:me.onClick);