Claude 3

html canvasを使って、以下の条件に合うコードを作成して

#条件
・直角二等辺三角形を組み合わせて魚を作る
・直角二等辺三角形をクリックすると中を塗りつぶす
・もう一度クリックすると塗りつぶしをなくす


#魚の特徴
・同じ大きさの直角二等辺三角形が回転されて並んでいる
・一番左に◀の向きで1つの三角形
・その右側に、縦に３つの直角二等辺三角形◀▶◀をくっつけて並べてできる台形
・その右側に、縦に５つの直角二等辺三角形◀▶◀▶◀をくっつけて並べてできる台形
・その右側の上下中央に、縦に直角二等辺三角形◢◥をくっつけて並べてできる直角二等辺三角形（しっぽ）
・しっぽの三角形は、直角がある頂点を左向きにして、左側の三角形の辺に頂点で接するようにする




三角形の1辺だけを２倍にのばして

上下で三角形が重ならないようにして

上下、左右で重なったり，離れたりしないようにして

右の2つの三角形について以下のようにして
短い辺同士をくっつけて左向きの三角形を作る
左側の大きな左向き三角形の底辺の中央に上の三角形の頂点をくっつける