javascript - 写真の赤いボックス内に光の帯を描画するにはどのような方法を使用できますか?

Question

今回のプロジェクトでは、図のように赤枠の中に光の帯を描いてほしいとの依頼があり、いくつかの方法を試しましたが、特に両端の尻尾の部分がうまく表現できませんでした。 img を CSS に変換するのが最も速いことは知っていますが、変換されたコードが大きすぎて拒否されました。そこで非常に興味があるのですが、それを実現するための CSS または Canvas メソッドは本当にあるのでしょうか?

Answer 1

キャンバス、直接絵を描きます

Answer 2

CSSグラデーションも使用できます

リーリー リーリー

次の内容を読むことをお勧めします: ww.w3cplus.com/css3/new-css3-linear-gradient.html