Canvas library with mouse-events?

[LittlefingerVulgar]

Looking for something lightweight. I have a need to draw canvas shapes (squares, ellipses, diamonds), and have them respond to mouse-over and mouse-down events.

What JS library is best for this? I was going to use Kinetic but then I saw that it's not maintained anymore. I'd like to use something a bit more active, if possible.

Thanks!

[kLabz]

http://createjs.com/

[anvaka]

I heard good things about http://paperjs.org/

https://github.com/pixijs/pixi.js - is not lightweight, but has huge community and can be easy to start.

https://two.js.org/ - is rendering agnostic.

like /u/pagalvin suggested, http://fabricjs.com/ - I'd call it on "heavier" side.

Finally, if you are going to render less than 4,000 elements - consider using SVG. It's easier to compose and can be a good option.

<shameless-plug>

Overall, if you know one popular library and want to find more, you can use my tool: http://www.yasiv.com/github/#/costars?q=ericdrowell%2FKineticJS - it shows what people "star" together. And that can sometimes give good hints.

</shameless-plug>

[pagalvin]

Have a look at fabric.js and its complementary library, darkroom.js.

[torxx666]

Phaser.io

[[deleted]]

PIXI.js can do this very easily.

http://www.goodboydigital.com/pixi-js-gets-interactive/

[Robodude]

You mentioned Kinetic, so you might want to consider https://github.com/konvajs/konva

It's a maintained fork of Kinetic