html5キャンバスに関するヘルプが必要

Question

私はHTML cssの専門家ではなく、HTMLに変換するデザインがあります。私はキャンバスについて読んだが、私は自分の要求をどのように満たすことができるのかを知りませんでした。私は多くを検索しますが、何も完全に助けません。

は、ここに私のデザインです：

そのバナーエリアと三つの部分を持っています。

1. バナー画像（カーPIC）
2. 透明な三角型のdiv
3. そしてあるNAV（メニュー）

私がどれだけ私はこれを作成できることを知ってほしいです三角タイプdiv私は分かりません。

だから私に役立つ解決策を教えてください。私はあなたに非常に感謝しています。

注：も対応しています。

Answer 1

私の助言は、回転divからnavを分離することです。@krisphは変換を適用する必要があると言っています：そのdivのrotate（45deg）を固定したままにします。次に、変換を適用します：各正方形の点で回転（45度）あなたは私が推測するキャンバスを使用する必要はありません！