Canvas snippets: Difference between revisions

Canvas snippets (view source)

592 bytes removed , 12 April 2015

20,741

edits

@@ Line 59: / Line 59: @@
 | [[File:Snippets-canvas-dialog.png|left|thumb|This is what the [[Nasal]]/[[Canvas]] snippet will look like once you pasted it into the [[Nasal Console]] and click "Execute".]] || {{Note|This example uses so called method chaining, if you're not familiar with the concept, please see: [[Object_Oriented_Programming_with_Nasal#More_on_methods:_Chaining|Method Chaining]].}}
-<syntaxhighlight lang="nasal" enclose="div">
+{{Canvas Snippets Boilerplate}}
-# create a new window, dimensions are 320 x 160, using the dialog decoration (i.e. titlebar)
-var window = canvas.Window.new([320,160],"dialog")
- .set('title','My new Window');
-# adding a canvas to the new window and setting up background colors/transparency
-var myCanvas = window.createCanvas().set("background", canvas.style.getColor("bg_color"));
-# Using specific css colors would also be possible:
-# myCanvas.set("background", "#ffaac0");
-# creating the top-level/root group which will contain all other elements/group
-var root = myCanvas.createGroup();
-</syntaxhighlight>
 |}