📄 21-1 用vml画正弦和余弦曲线.htm
字号:
<html xmlns:v>
<head>
<meta http-equiv="content-type" content="text/html; charset=GB2312" />
<title>21-1 用VML画正弦和余弦曲线</title>
<style>
* { font-size:12px; font-family:宋体, Arial; } /*规定了所有的字体样式*/
body { overflow:auto; padding:0px; margin:0px; }
v\:* { BEHAVIOR:url(#default#VML); }
</style>
<script>
//全局变量，用于记录窗口客户区的尺寸
var xx, x0, x1, yy, y0, y1;
//“print”函数用于输出HTML到页面中
function print(str){ document.write(str); }
//“main”函数为需要执行的程序主体
function main(){
//获取窗口客户区的尺寸
xx = document.documentElement.offsetWidth/2;
x0 = document.documentElement.offsetWidth/8;
x1 = document.documentElement.offsetWidth*7/8;
yy = document.documentElement.offsetHeight/2;
y0 = document.documentElement.offsetHeight/6;
y1 = document.documentElement.offsetHeight*5/6;
//画横坐标
arrow([x0-50, yy], [x1+50, yy]);
//画纵坐标
arrow([xx, y1+20], [xx, y0-20]);
//画正弦函数图像
map(sin, x0, x1);
//画余弦函数图像
map(cos, x0, x1);
}
//根据指定的函数和定义域画出函数图像
function map(fn, min_x, max_x, step){
var parameters;
parameters = new Array();
min_x = min_x || 0;
max_x = max_x || document.body.offsetWidth;
step = step || 1;
for(var i=min_x; i<max_x; i+=step){
parameters.push(i+","+fn(i));
}
polyLine(parameters);
}
//函数“polyLine”用于画折线
function polyLine(parameters){
var str;
str = "<v:PolyLine Filled=\"false\" Points=\"" + parameters.join(" ")+"\"><\/v:PolyLine>";
print(str);
}
//函数“arrow”用于画箭头
function arrow(start, end){
var str;
str = "<v:line from=\""+start+"\" to=\""+end+"\"><v:stroke endarrow=\"Classic\" \/><\/v:line>"
print(str);
}
//正弦函数
function sin(x){ return(Math.sin((x-xx)/25)*(y1-yy)+yy); }
//余弦函数
function cos(x){ return(Math.cos((x-xx)/25)*(y1-yy)+yy); }
</script>
</head>
<body>
<script>
main();
</script>
</body>
</html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -