shapetype要素のCSSのrotation属性のサンプル

shapetype要素のCSSのrotation属性のサンプル

指定なし

<v:shapetype id="onbu" path="m 0,0 l 1000,500, 0,500 x e" style="" />
<v:shape type="#onbu" style="width:100; height:100;" />
<v:shape type="#onbu" style="width:200; height:100;" />

20を指定

<v:shapetype id="onbu" path="m 0,0 l 1000,500, 0,500 x e" style=" rotation:20;" />
<v:shape type="#onbu" style="width:100; height:100;" />
<v:shape type="#onbu" style="width:200; height:100;" />

90を指定

<v:shapetype id="onbu" path="m 0,0 l 1000,500, 0,500 x e" style=" rotation:90;" />
<v:shape type="#onbu" style="width:100; height:100;" />
<v:shape type="#onbu" style="width:200; height:100;" />

135を指定

<v:shapetype id="onbu" path="m 0,0 l 1000,500, 0,500 x e" style=" rotation:135;" />
<v:shape type="#onbu" style="width:100; height:100;" />
<v:shape type="#onbu" style="width:200; height:100;" />

-20を指定

<v:shapetype id="onbu" path="m 0,0 l 1000,500, 0,500 x e" style=" rotation:-20;" />
<v:shape type="#onbu" style="width:100; height:100;" />
<v:shape type="#onbu" style="width:200; height:100;" />

0を指定

<v:shapetype id="onbu" path="m 0,0 l 1000,500, 0,500 x e" style=" rotation:0;" />
<v:shape type="#onbu" style="width:100; height:100;" />
<v:shape type="#onbu" style="width:200; height:100;" />