SVGのpolygonを生成し、CSSのtransformで多角錐にするデモ

このデモはChrome46で動作確認をしています（IEでは動作しません）

CSSのtransformで多角錐を組み立てる応用で、側面を三角形にすることで角錐をつくっています。高さの指定はcss transformのscaleY()で縦方向に伸び縮みさせることで調整しています。

指定例：
drawPyramid("box_1",3,100,"red","pink","blue",2);

• 描画対象（"divのID名"）
• 角数（number）
• 高さ（100）固定
• polygonの色（"色名","#000","rgb(0,0,0)","rgba(0,0,0,0)","none"）
• 側面triangleの色（同上）
• 枠線strokeの色（同上）
• 枠線の太さ（number）

なお、今回のデモでは角錐の中心とviewBoxの中心がずれています。