Egyenes egyedi-önálló vonal VML line 019
Egyedi vonalak megjelenítése "line"
Vonalak megjelenítéséhez, jelöljünk ki egy adott területet:
Példa:<div style="width:460px; height: 160px;"> </div>
Vonalak megjelenítéséhez, meg kell határoznunk:
- Vonal két végének koordináta értékét: from="...,..." to="...,..."
- Pozícióját: style="margin-left:....px;margin-top:....px;"
- Vonal vastagságát és színét: strokeweight="...px" strokecolor="....."
<html>
<head> <title> Egyenes vonal VML line </title>
<xml:namespace ns="urn:schemas-microsoft-com:vml" prefix="v" />
<style> <!-- v\: * { behavior:url(#default#VML);display:inline-block } --> </style>
<link href="avmlcss.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div style="width:460px; height: 160px;">
<v:line from="70,70" to="0,0" style="margin-left:0px;margin-top:0px;" strokeweight="3px"strokecolor="blue"> </v:line>
<v:line from="70,70" to="70,0" style="margin-left:0px;margin-top:0px;" strokeweight="3px"strokecolor="red"> </v:line>
<v:line from="70,70" to="140,0" style="margin-left:0px;margin-top:0px;" strokeweight="3px"strokecolor="black"> </v:line>
<v:line from="70,70" to="140,70" style="margin-left:0px;margin-top:0px;" strokeweight="3px"strokecolor="aqua"> </v:line>
<v:line from="70,70" to="140,140" style="margin-left:0px;margin-top:0px;" strokeweight="3px"strokecolor="maroon"> </v:line>
<v:line from="70,70" to="70,140" style="margin-left:0px;margin-top:0px;" strokeweight="3px"strokecolor="yellow"> </v:line>
<v:line from="70,70" to="0,140" style="margin-left:0px;margin-top:0px;" strokeweight="3px"strokecolor="teal"> </v:line>
<v:line from="70,70" to="0,70" style="margin-left:0px;margin-top:0px;" strokeweight="3px"strokecolor="purple"> </v:line>
</div>
</body>
</html>
Vonalak úgy jelennek meg egymás után, mint amikor, fotókat illesztünk be egymás mellé.
Vonalakat foglaljuk egy csoportba "group"
Példa:<v:group style="position: absolute; width: 460px; height: 160px; margin-left:0px; margin-top: 0px;" coordsize="460,160"> </v:group>
Töröljük a vonalaknak adott: style="margin-left:..px; margin-top:..px;" meghatározást
<div style="width:460px; height: 160px;">
<v:group style="position: absolute; width: 460px; height: 160px; margin-left:0px; margin-top: 0px;" coordsize="460,160">
<v:line from="70,70" to="0,0" strokeweight="3px" strokecolor="blue"> </v:line>
<v:line from="70,70" to="70,0" strokeweight="3px" strokecolor="red"> </v:line>
<v:line from="70,70" to="140,0" strokeweight="3px" strokecolor="black"> </v:line>
<v:line from="70,70" to="140,70" strokeweight="3px" strokecolor="aqua"> </v:line>
<v:line from="70,70" to="140,140" strokeweight="3px" strokecolor="maroon"> </v:line>
<v:line from="70,70" to="70,140" strokeweight="3px" strokecolor="yellow"> </v:line>
<v:line from="70,70" to="0,140" strokeweight="3px" strokecolor="teal"> </v:line>
<v:line from="70,70" to="0,70" strokeweight="3px" strokecolor="purple"> </v:line>
</v:group>
</div>
Rajzoljunk alakzatot "group"
Példa:<v:group style="position: absolute; width: 460px; height: 160px; margin-left:0px; margin-top: 0px;" coordsize="460,160"> </v:group>
Töröljük a vonalaknak adott: style="margin-left:..px; margin-top:..px;" meghatározást
<div style="width:460px; height: 260px;">
<v:group style="position: absolute; width: 460px; height: 260px; margin-left:0px; margin-top: 0px;" coordsize="460,260">
<v:line from="160,60" to="80,120" strokeweight="3px" strokecolor="blue"> </v:line>
<v:line from="160,60" to="240,120" strokeweight="3px" strokecolor="red"> </v:line>
<v:line from="80,120" to="240,120" strokeweight="3px" strokecolor="black"> </v:line>
<v:line from="100,120" to="100,200" strokeweight="3px" strokecolor="aqua"> </v:line>
<v:line from="220,120" to="220,200" strokeweight="3px" strokecolor="maroon"> </v:line>
<v:line from="100,200" to="220,200" strokeweight="3px" strokecolor="yellow"> </v:line>
<v:line from="220,120" to="100,200" strokeweight="3px" strokecolor="teal"> </v:line>
<v:line from="160,60" to="160,120" strokeweight="3px" strokecolor="purple"> </v:line>
</v:group>
</div>
Rajzunk elforgatása "rotation"
Fenti programunkba írjuk be, a rotation meghatározást
<v:group style="rotation:...; position: absolute; width: 260px; height: 260px; margin-left:0px; margin-top: 0px;" coordsize="260,260">
rotation:45;
|
rotation:90;
|
rotation:180;
|
Egyszerű alakzat, "Házikó"
Vissza a lap elejére
