Which canvas library makes zooming, panning, drag & drop possible?

Question

Basically, my application needs to do at least the following things:

drag & drop
zooming & panning
image rotation
ability to manipulate canvas objects with code
svg import (if possible, not important though)

My requirements are quite basic but is it me or do these canvas libraries seem so limited in functionality? I know the canvas spec isn't final, but I've seen some stunning canvas projects out there.

score 5 · Accepted Answer · edited May 23 '17 at 12:30

5

I've had good experiences with kinetic js (http://kineticjs.com/).

it seems to cover all your requirements.

see also: Zoom and Pan in KineticJS

edited May 23 '17 at 12:30

Community

1
1

answered Jan 09 '14 at 10:27

mac

161
7

Thanks, I'll have a look at it. Though, my minimal experience with kinetic.js taught me that dragging elements on a big canvas isn't quite smooth. – user2717511 Jan 09 '14 at 13:15
1

Seems to do what I was hoping for, thanks. – user2717511 Jan 15 '14 at 08:59

score 2 · Answer 2 · edited Apr 18 '19 at 11:35

2

I think Konva will be suitable for you. It is based on KineticJs which is no longer maintained by its author. But Konva is maintained and it has very nice documentation. It seems to cover all your requirements.

edited Apr 18 '19 at 11:35

lipsumar

944
8
22

answered Jul 27 '15 at 06:39

Hitesh Kumar

3,508
7
40
71

Which canvas library makes zooming, panning, drag & drop possible?

2 Answers2