jquery - 複数の交差する円を作成するにはどうすればよいですか?

Question

このような円の画像を作ってアニメーションさせたいと思います。ラファエルを使用できますか？もしそうなら、どのようにこれを行うことができるかについて、誰かが良いアイデアを与えることができます. これをレスポンシブレイアウトに実装します。それは可能ですか？

これを行うには、簡単な計算をする人はいますか?

Answer 1

円の塗りつぶしの色を半透明の rgba 形式で設定するだけでよいと思います。

{fill: rgba(255,0,0, 0.5)}