JavaScript
Article

jQuery HTML5 Canvas Plugin – Gury

By Sam Deering

gury

Hi guys, I stumbled upon a pretty cool html5 canvas utility library which uses jQuery to and html5 to create some awesome animation effects with the new canvas element. The days of using flash are over!

Demo API Core Library

Features

gury-examples

  1. .canvas – styles/actions of the canvas
  2. place(node) / .place(selector) – easy add to element for canvas
  3. .size(width, height) – size of canvas
  4. .background(color) – background color
  5. .register(canvas) – allowing effects to be given to multiple canvases on the same page
  6. .ctx – the graphics context

Usage Example

$("my_canvas").size(200, 200).background('black').add(function(ctx) {
  ctx.fillStyle = "red"
  ctx.fillRect(10, 10, 180, 180);
}).draw();

Free Guide:

7 Habits of Successful CTOs

"What makes a great CTO?" Engineering skills? Business savvy? An innate tendency to channel a mythical creature (ahem, unicorn)? All of the above? Discover the top traits of the most successful CTOs in this free guide.

No Reader comments

Recommended
Sponsors
Because We Like You
Free Ebooks!

Grab SitePoint's top 10 web dev and design ebooks, completely free!

Get the latest in JavaScript, once a week, for free.