[从头学数学] 第91节 位置与方向（二）

剧情提要：
[机器小伟]在[工程师阿伟]的陪同下进入练气期第十一层功法的修炼，
这次要修炼的目标是[位置与方向（二）]。

正剧开始：

星历2016年02月16日 15:43:43, 银河系厄尔斯星球中华帝国江南行省。
[工程师阿伟]正在和[机器小伟]一起研究位置和方向。

<span style="font-size:18px;">function myDraw() {   
    var config = new PlotConfiguration();    
    config.init();    
    config.setPreference();   
    
	var image = new Image();
	
	image.src = './1.jpg';
	
	image.onload = function() {
		plot.drawImage(image);
		
		var x0 = 302, y0 = 184;
		var r = 40;
		
		plot.setStrokeStyle('red');
		
		for (var i = 1; i < 5; i++) {
			shape.strokeCircle(x0, y0, i * r);
		}
		
		
		plot.setFillStyle('blue');
		
		var d1 = 200/100*r, a1 = Math.PI*2/3;
		var d2 = 300/100*r, a2 = Math.PI/2;
		
		shape.fillCircle(x0+d1*Math.cos(a1), y0-d1*Math.sin(a1), 10);
		plot.fillText('B市', x0+d1*Math.cos(a1)+20, y0-d1*Math.sin(a1), 100);
		shape.fillCircle(x0+d2*Math.cos(a2), y0-d2*Math.sin(a2), 10);
		plot.fillText('C市', x0+d2*Math.cos(a2)+20, y0-d2*Math.sin(a2), 100);
			
	}	
	
}</span>

[人叫板老师]举的是台风的例子，可是台风一般来说不会这样走直线啊，哈哈哈。

<span style="font-size:18px;">function myDraw() {   
    var config = new PlotConfiguration();    
    config.init();    
    config.setPreference();   
    
	var image = new Image();
	
	image.src = './1.jpg';
	
	image.onload = function() {
		plot.drawImage(image);
		
		var x0 = 267, y0 = 259;
		var r = 40, r0 = 10;
		
		plot.setStrokeStyle('red');
		
		for (var i = 1; i < 6; i++) {
			shape.strokeCircle(x0, y0, i * r);
		}
		
		
		plot.setFillStyle('blue');
		
		//教学楼
		var d1 = 150/50*r, a1 = Math.PI/2;
		//图书馆
		var d2 = 150/50*r, a2 = Math.PI/180*55;
		//体育馆
		var d3 = 200/50*r, a3 = Math.PI/180*140;
		
		var x = 0, y = 0;
		x = x0+d1*Math.cos(a1), y = y0-d1*Math.sin(a1);
		shape.fillCircle(x, y, r0);
		plot.fillText('教学楼', x+20, y, 100);
		
		plot.beginPath()
			.moveTo(x0, y0)
			.lineTo(x, y)
			.closePath()
			.stroke();
		
		x = x0+d2*Math.cos(a2), y = y0-d2*Math.sin(a2);
		shape.fillCircle(x, y, r0);
		plot.fillText('图书馆', x+20, y, 100);
		
		plot.beginPath()
			.moveTo(x0, y0)
			.lineTo(x, y)
			.closePath()
			.stroke();
			
		x = x0+d3*Math.cos(a3), y = y0-d3*Math.sin(a3);
		shape.fillCircle(x, y, r0);
		plot.fillText('体育馆', x+20, y, 100);
		
		plot.beginPath()
			.moveTo(x0, y0)
			.lineTo(x, y)
			.closePath()
			.stroke();
			
	}	
	
}</span>

<span style="font-size:18px;">function myDraw() {   
    var config = new PlotConfiguration();    
    config.init();    
    config.setPreference();   
    
	var image = new Image();
	
	image.src = './1.jpg';
	
	image.onload = function() {
		plot.drawImage(image);
		
		var x0 = 221, y0 = 82;
		var r = 20, r0 = 10;
		
		plot.setStrokeStyle('red');
		
		for (var i = 1; i < 9; i++) {
			shape.strokeCircle(x0, y0, i * r);
		}
		
		
		plot.setStrokeStyle('blue');
		
		var x = 0, y = 0, thita=0;
		
		for (var i = 0; i < 12; i++) {
			thita = Math.PI*(i/6);
			x = x0 + 3 * r * Math.cos(thita);
			y = y0 -3 * r * Math.sin(thita);
			
			plot.beginPath()
				.moveTo(x0, y0)
				.lineTo(x, y)
				.closePath()
				.stroke();
		}		

	}	
	
}</span>

尽管小伟给出了这些数据，但是不管是乘车还是在地图上认真测量，这样数据都只是估计一下而已，作不得准的。

本节到此结束，欲知后事如何，请看下回分解。