View

Creates a view object

Parameters:
• canvas: Canvas

The bounds of the view, i.e. the bounds of the part of the project which is visible in the window.

Type:
• Rectangle

Type:
• Size

Type:
• Rectangle

Type:
• Size

Type:
• Point

Type:
• Number

Handler function to be called on each frame of an animation.

The function receives an event object which contains information about the frame event:

event.count: the number of times the frame event was fired.

event.time: the total amount of time passed since the first frame event in seconds.

event.delta: the time passed in seconds since the last frame event.

Type:
• function

Example — Creating an animation:

Handler function that is called whenever a view is resized.

Type:
• function

Example — Repositioning items when a view is resized:

// Create a circle shaped path in the center of the view:
var path = new Path.Circle(view.bounds.center, 30);
path.fillColor = 'red';

function onResize(event) {
	// Whenever the view is resized, move the path to its center:
	path.position = view.center;
}

Parameters:
• point: Point