In the context of some development work I’m doing for a client, I’m looking for recommendations for vector-based online drawing libraries.

I’ve already come across these ones:

• http://paperjs.org/
• https://pixijs.com/
• https://two.js.org/

I’m wondering if anyone has experience with any of these libraries, or if there’s one in particular that someone could recommend?

My aim is to be able to draw fairly simple shapes (boxes, vectors, any shape), and to allow the user to interact with them easily (move a shape, event on click, drag & drop, …) without having to dig too deep into the implementation of these libraries, and without having to reinvent the wheel all the time. I’ve had pretty bad experience with Pixi.JS, because it’s quite tedious to use it properly in Javascript, and I had to be very careful about the design patterns I used to get a clean architecture, because the library is pretty low-level I feel, and above all, it’s not vector-based.

And if it’s possible to find a well-documented one, that’s even better, but I feel like this is a luxury request…

It doesn’t have to be in Javascript, but I need a way to do it from the browser. I’d use Flash, but I don’t know what to think of its current alternative (Ruffle). Anyone have experience with Ruffle?

Many thanks in advance!