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

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

指定なし

<v:group  style="width:100; height:100;">
<v:rect style="width:2000; height:1000;" />
<v:curve from="0,0" control1="0,1000;" control2="1000,1000;" to="2000,0" />
</v:group>

xを指定

<v:group  style="width:100; height:100; flip:x;">
<v:rect style="width:2000; height:1000;" />
<v:curve from="0,0" control1="0,1000;" control2="1000,1000;" to="2000,0" />
</v:group>

yを指定

<v:group  style="width:100; height:100; flip:y;">
<v:rect style="width:2000; height:1000;" />
<v:curve from="0,0" control1="0,1000;" control2="1000,1000;" to="2000,0" />
</v:group>

xyを指定

<v:group  style="width:100; height:100; flip:xy;">
<v:rect style="width:2000; height:1000;" />
<v:curve from="0,0" control1="0,1000;" control2="1000,1000;" to="2000,0" />
</v:group>

yxを指定

<v:group  style="width:100; height:100; flip:yx;">
<v:rect style="width:2000; height:1000;" />
<v:curve from="0,0" control1="0,1000;" control2="1000,1000;" to="2000,0" />
</v:group>