View

Creates a view object

Parameters:
• canvas: HTMLCanvasElement / String — The canvas object that this view should wrap, or the String id that represents it

The underlying native canvas element.

Type:
• HTMLCanvasElement

The size of the view canvas. Changing the view's size will resize it's underlying canvas.

Type:
• Size

The bounds of the currently visible area in project coordinates.

Type:
• Rectangle

The size of the visible area in project coordinates.

Type:
• Size

The center of the visible area in project coordinates.

Type:
• Point

The zoom factor by which the project coordinates are magnified.

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;
}

Makes this view the active one, meaning paperScope.view will point to it.

Removes thsi view from the paperScope.views list and frees the associated canvas.

Checks whether the view is currently visible within the current browser viewport.

Returns:
• Boolean — Whether the view is visible.

Scrolls the view by the given vector.

Parameters:
• point: Point

Draws the view.