キャンバスまたは svg または IE7 をサポートする css を使用して、次のカスタム形状の四角形を描画するには、何らかの方向性が必要です。
Javascript Jquery プラグインを歓迎します。
ラファエルを使用できます。パスに必要な座標のコードでポイントを使用します。Raphaelコマンドで「キャンバス」を作成します...
キャンバスを初期化する簡単なコマンドについては、こちらを参照してください...
ここでパスをすぐに試してください.. http://www.irunmywebsite.com/raphael/additionalhelp.php?q=paper.path
CSS 境界三角形は、JavaScript を必要とせずに IE7 で機能するソリューションです: jsfiddle demo。
4 種類の直角三角形を示す別のデモ。
Canvas 要素は IE7 では機能しないため、excanvas を使用することをお勧めします。これは、キャンバスをページにレンダリングするのに役立つ単純な JavaScript です。ページのヘッダーに追加し、キャンバス要素を追加してページで通常の操作を行うだけで使用できます。
ここで更新しましたhttp://jsfiddle.net/349x9/1088/実際にサンプルを保存しました。IE で確認してください。excanvas へのリンクはhttp://code.google.com/p/explorercanvas/です。
Canvas の最適なチュートリアルは以下のとおりです。
キャンバスをさらに操作するためのさまざまなフレームワークを知るには、このリンクを参照してください