Как я могу повернуть и стилизовать каплю [закрыто] ⇐ CSS

[Anonymous]

I'm having problems styling a blob created with Javascript.

I found a blob like the blob on the discord login page.

I want to rotate and stylize this to my liking. I would be really grateful if you could help me with this.

My purpose: Image

I want to make arrangements as I mentioned in the picture, but I don't have much information.

Full Code:

https://codepen.io/shree-krishna/pen/wveKVJV

Javascript Code :
function loop() { c.clearRect(0, 0, canvas.width, canvas.height); c.beginPath(); c.moveTo(0, 0); for (let angle = 0; angle = 45 ? -0.85 : 1)); radius += radiusBase; points.push( radius * Math.cos(angle * deg_to_rad_Unit), radius * Math.sin(angle * deg_to_rad_Unit) ); } curve(c, points); c.lineTo(0, 0); c.fill(); phase += 0.005 * speed; points = []; requestAnimationFrame(loop); } loop();

Источник: https://stackoverflow.com/questions/780 ... ize-a-blob