📄 step5.html
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<title>Thinking in VML</title>
</head>
<STYLE>
v\:* { BEHAVIOR: url(#default#VML) }
</STYLE>
<LINK REL="stylesheet" TYPE="text/css" HREF="style.css" />
<body>
<table align="center">
<tr>
<td align="center" class="title"><strong>Oval(圆)对象</strong></td>
</tr>
<tr>
<td >
<div class="memo" style="width:700;line-height:23px">
用VML画圆(Oval)是非常简单的，只要设置圆的高和宽就可以了。当然定位也是常用的：<br><br>
<v:oval style="position:relative;left:5;top:5;<font color=red>width:100;height:80</font>"/><br>
<center><v:oval style="position:relative;left:5;top:5;width:100;height:80"/></center>
还要注意的是，top和left是圆的左上角坐标，width 和 height 是圆的宽和高，不是圆的半径。其圆心坐标是(left-width/2,top-height/2)。<br>
说到圆，不得不想到弧(arc) VML已经定义了弧对象，它有除了圆的基本性质外，两个特殊的属性startangle 和 endangle ，就是起始角度和结束角度，单位是度，而不是弧度：<br><br>
<v:arc filled=false style="position:relative;width:100;height:100" <font color=red>StartAngle="0" EndAngle="270"</font> />
<center><v:arc filled=false style="position:relative;width:100;height:100" StartAngle="0" EndAngle="270" /></center>
注意到没有，0角度是从平常的90度开始的。
</div>
</td>
</tr>
<tr>
<td class="title">
<p align="right"><a href="javascript:self.scrollTo(0,0)">Top</a></p>
<a href="index.html">返回目录</a><br>
上一节:<a href="step4.html">Rect,RoundRect(矩形)对象</a><br>
下一节:<a href="step6.html">Image(图像)对象</a>
</td>
</tr>
</table>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -