canvas or svg?

Question

css

Hello!
What is the easiest way to implement the visual design of canvases? There should be such functions (with the mouse):
1) creation of rectangular and epileptic figures;
2) dragging figures;
3) changing the size of figures;
4) association (out of two one);
Desirable:
5) adding points and the ability to stretch them, push them (corners, etc.)
This can be done on canvas or svg, but there is no experience in working with graphics. What is easier and more suitable? What do you recommend for the fastest results?
PS
Also interested in the question in terms of performance, tk. now I just implemented it on div + js and there are lags.

Answer 1

fabrikjs
canvas, drag and drop out of the box, grouping.

Answer 2

IMHO canvas.
There are several different libraries, for example Paper.js
paperjs.org