How to draw Complicated shapes in html5 canvas?

user_3663922 0
Viewed 85

I have a brain image like the one I attached below which I want to draw on canvas. I see that it can be drawn by using many beizercurves or quadraticCurves.

My requirement is to draw the shape only by using html canvas or css, without svg, and without images.

Is there any easier way to draw them on canvas? Are there any formulas like the formulas used to create sine waves, that I can use to draw these curves.

Thanks in advance!! enter image description here

html5-canvas css html javascript
1 Answers

In general you would use a bezier curve to draw shapes like this. To create a bezier curve with html5 canvas use the bezierCurveTo() function. But it will still be very tedious to draw this kind of shape.

user_192350710
Related