📄 sgdraw.htm
字号:
<HTML>
<HEAD>
<TITLE>circle</TITLE>
<style>
.30pt{font-size:30pt;font-family:文鼎粗行楷简;color:#9999cc}
</style>
</HEAD>
<BODY >
<DIV STYLE="font-size: 12 pt; font-family: Verdana, Arial, Helvetica">
<font class=30pt>三个面不停地旋转</font>
</DIV>
<HR>
<OBJECT ID=SG1
STYLE="Position:absolute; WIDTH:425; HEIGHT:425; top:10; left;10;Z-INDEX: -1"
CLASSID="CLSID:369303C2-D7AC-11d0-89D5-00A0C90833E6">
</OBJECT>
<SCRIPT LANGUAGE="javaScript">
var ds
lib = SG1.Library // 启用DirectAnimation库
ds = SG1.DrawSurface // 启用画板
ds.fillcolor(lib.blue) // 设置画板颜色
ds.rect(-50,-50,200,200) // 画矩形
ds.fillcolor(lib.ColorRgb255(200,200,255)) // 设置圆面的颜色
ds.oval(-60,-60, 120, 120) // 画圆面
ds.SaveGraphicsState()
ds.transform(lib.rotate2rate(5)) // 调用二维空间的旋转
ds.fillcolor(lib.ColorRgb255(255,0,0))
ds.rect(-20, -100, 40,200) // 画另一个矩形,这个矩形将做二维空间的旋转
ds.RestoreGraphicsState() // 关闭调用二维空间的旋转
SG1.DrawSurface = ds // 返回画好的形状
// 显示在屏幕上
RotateMe()
function RotateMe()
{
SG1.rotate(2,0,2)
DoTheWork=window.setTimeout("RotateMe()",50) //让上面所画的图绕x轴选转
}
</SCRIPT>
</BODY>
</HTML>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -