0

i visited this website recently http://www.consumerbarometer.com and attracted by its design. I try to look for the same kind of jquery plugin, but not luck. i found this eventually, http://blog.hostgrenade.com/2012/04/25/html5-canvas-bubble-demo-v2/ but it's still not the similar.

does anyone know is there any similar jquery plugin?

thanks in advanced!

Bravo Net
  • 805
  • 5
  • 17
  • 30
  • 1
    I doubt you will find a jQuery plugin dealing with this, as jQuery does nothing with canvas. – Loktar Jan 08 '13 at 16:03
  • canvas can be done using a single HTML5 code. but what if is animated canvas like the example website shown? – Bravo Net Jan 09 '13 at 00:45

2 Answers2

1

You don't need a plug-in, you just need a full-screen canvas positioned behind the content that you can draw animated circles on with colors that you pick.
Note: the answer on that page happens to be mine.

Is there a particular part of that which you were hoping the plug-in would take care of for you?

Indeed, there's no reason that this even needs to be a <canvas>, as you could produce the same effect with animated positioned <img> elements that were low opacity. The only 'tricky' part would be placing them in a container with overflow:hidden so that no scrollbars appear as the content moves off the edge of the screen.

Community
  • 1
  • 1
Phrogz
  • 296,393
  • 112
  • 651
  • 745
  • thx phrogz. if i wanna do the exactly same effect like the website for example magnify the circle canvas when rollover, is there any jquery plugin available? or it can be down easily using js ? p.s:i am a beginner in js. – Bravo Net Jan 09 '13 at 01:02
0

If you really want to use jQuery, you can use jQuery SVG. It doesn't use canvas but you can do similar things. Otherwise you can look at Javascript canvas librairies (see this topic) like FabricJS or KineticJS.

PS: like said Phrogz, you don't need a plugin. You just have to use a "modern browser"

Community
  • 1
  • 1
Pith
  • 3,706
  • 3
  • 31
  • 44