[从头学数学] 第59节 三位数乘两位数

剧情提要：
[机器小伟]在[工程师阿伟]的陪同下进入练气期第七层功法的修炼，
这次要修炼的目标是[三位数乘两位数]。

正剧开始：

星历2016年01月23日 14:58:43, 银河系厄尔斯星球中华帝国江南行省。
[工程师阿伟]正在和[机器小伟]一起进一步学习乘法。

<span style="font-size:18px;">/**
* @usage   乘法竖式
* @author  mw
* @date    2016年01月14日  星期四  09:00:33 
* @param
* @return
*
*/

/*
	multiplicand multiplier product
*/

	this.mul = function(multiplicand, multiplier, x, y, r) {
		plot.save()
			.setFillStyle('black');
			
		var result = multiplicand * multiplier;
		var xBeg = x ? x : 300, yBeg = y ? y :100, r = r ? r : 20;		
		var maxBit = Math.max(multiplicand, multiplier).toFixed(0).length;
		
		x = xBeg, y = yBeg + r;
		var mulPos = x - (maxBit+2) * r;
		this.rightAlign(multiplicand, x, y, r);
		y += 1.5 * r;
		this.rightAlign(multiplier, x, y, r);
		plot.setFont('normal normal normal '+r.toFixed(0)+'px'+ ' arial')
			.fillText('×', mulPos, y+0.4*r, r);	
			
		var multiplierArray = new Array();
		var tmp1 = multiplier;
		var tmp2 = tmp1 % 10;
		//记录乘数中有多少位非零
		var noneZero = 0;
		
		while (true) {
			multiplierArray.push(tmp2);
			
			if (tmp2 > 0) 
				noneZero++;
				
			tmp1 = (tmp1 - tmp2) / 10;
			if (tmp1 <= 0) 
				break;
			tmp2 = tmp1 % 10;
		}
		
		
		var len = multiplierArray.length;
		var product = 0;
		
		if (noneZero <= 1) {
			//只有至多一位乘数非零
		}
		else {
			y += r;
			plot.beginPath()
				.moveTo(mulPos - r, y)
				.lineTo(xBeg + r, y)
				.closePath()
				.stroke();
				
			y += r;
		
			for (var i = 0; i < len; i++) {
				
				if (multiplierArray[i] == 0) {
					/*
					if (i == 0) {
						product = multiplierArray[i] * multiplicand;
						this.rightAlign(product, x, y, r);
						y += 1.5*r;
					}*/
				}
				else {
					product = multiplierArray[i] * multiplicand;
					this.rightAlign(product, x, y, r);
					if (i < len-1) {
						y += 1.5*r;
					}
				}
				x -= r;
			}
		}
		

		y += r;
		plot.beginPath()
			.moveTo(mulPos - r, y)
			.lineTo(xBeg + r, y)
			.closePath()
			.stroke();
			
		y += r;
		
		this.rightAlign(result, xBeg, y, r);
		
		
		plot.restore();
	}</span>

<span style="font-size:18px;">function myDraw() {  
    var config = new PlotConfiguration();  
    config.init();  
    config.setPreference(); 
	//config.setSector(1,1,1,1);
 
    //config.axis2D(0, 0, 180);  	
	


    var vertExp = new VerticalExpression();      
    var row = 2, col=3, width = 600, height = 400;      
    var r = 20;      
    var x = 50, y=20;      
          
    quest = [[134,16],[342,32],[504,26]];      
    len = quest.length;      
          
    for (var i = 0; i < row;  i++) {      
        for (var j=0; j < col; j++) {      
            x = 50+width/col*(j+0.5);      
            y = 20 + height/row*i;      
  
            vertExp.mul(quest[i*col+j][0], quest[i*col+j][1], x, y, r);      
  
        }      
    }  
			
}</span>

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