Top rated packages with tag Canvas

This object can display several types of charts in Canvas elements.

It takes the values, labels and colors of each point and renders the chart in canvas elements of a given size.

Currently it supports rendering charts of types: line, scatter, column, bar and pie.

The chart background color, grid color and spacing, error and mouse event handlers are configurable parameters.

This object implements the snake game using HTML 5 canvas.

It can render a snake worm in a canvas object making it grow as it hits food until the game ends for having the snake hit its own body.

The size of the canvas, speed and initial size of the snake and the animal graphics are configurable parameters.

This package can animate lines moving in a canvas element.

There is a line object that uses a point object to animate the extreme points of lines, utilizing different types of line animation such as linear, sine waves, circular, and random.

The line object can render the lines in a canvas page element.

This object can emulate mouse events on canvas elements.

It extends the HTML 5 canvas context object for a given canvas element and can register event handlers to be called when mouse events on the canvas element occur.

Currently it supports the events click, dblclick, mouseover, mouseout, mousemove, mouseup and mousedown events.

This object can render text in HTML 5 canvas objects.

It can create a two dimension canvas object and renders text strings in it using given text style class definitions embedded in the text similar to HTML tags.

The style classes can include definitions for rendering parameters like the text font, color, size and text alignment.

The text style definitions can be cached to avoid the overhead of recomputing the text styles.

This object implements the Snake game using SVG with Raphaël library.

It implements the Snake game by rendering vector graphics on an SVG canvas.

The snake can be controlled using arrow keys. The game can be paused by pressing ESC key.

The colors of the snake, food, background and texts are configurable.

This object can set the current page favicon to a canvas image.

It takes the identifier of a canvas element on a page and sets the favicon of the page to the image currently rendered in the canvas.

This object is available either as a standalone object of a jQuery plugin.

This object can Interpret and render graphic commands in a Canvas.

It provides an API to render basic drawing primitives in a 2D canvas with support for commands that can define the position of the graphics to be rendered, conditional commands, loop commands, etc..

The object can also interpret a text string that defines the commands to be processed written with a simple syntax.

This object can bind pressed keys to callback handler functions.

It takes a list of names of keys and associated callback handler functions.

The object will call the handler functions when the associated keys are pressed or released.

This class implements a game of shuffling an image in parts in a canvas.

It takes a given image and splits it in multiple pieces.

The image pieces are displayed by a wrong order and the user needs to correct by clicking on a piece that moves to an empty slot.

The games may be played in different difficulty levels that vary by changing the number of lines of pieces of the puzzle image.