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

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

指定なし

<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;" />

xを指定

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

yを指定

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

xyを指定

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

yxを指定

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