jQuery HTML5 Canvas Plugin – Gury

Share this article

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();
Sam DeeringSam Deering
View Author

Sam Deering has 15+ years of programming and website development experience. He was a website consultant at Console, ABC News, Flight Centre, Sapient Nitro, and the QLD Government and runs a tech blog with over 1 million views per month. Currently, Sam is the Founder of Crypto News, Australia.

jQuery
Share this article
Read Next
Get the freshest news and resources for developers, designers and digital creators in your inbox each week
Loading form