Which is better svg or html canvas for drawing 50 - 100 beizer lines?

Question

Recently I've confused about implementing beizer lines using svg or using canvas into my webpage. Which is better?

Answer 1

Experiment yourself.
If possible try to implement in both SVG and Canvas and share with the community so that some others can be benefited and also we can see the differences in them.
But if you still want to know which is better for bezier than I think the best thing would be to know this "When to use SVG and when to use Canvas?" and with this i think you will get your best choice for implementing the bezier curve.
take my opinion if you are animating then go with canvas or if you are just drawing the curves then go with svg.
again pls don't limit yourself with my opinion 😉

Answer 2

or with pure css? 🤔😁

Answer 3

Actually I want to make the beizer lines draggable like you may have seen in some photo editors and drawing programs...I'm using pure javascript to acheive this..but I wanna know which will be faster in performance if I generate 50 to 100 beizer curves for drawing

Answer 4

Thank you