| |
| Rad 17: |
Rad 17: |
| | </PGFTikz> | | </PGFTikz> |
| | <t1>Om två parenteser multipliceras ihop använder man den s.k. [[utvidgade distributiva lagen *Rules*|utvidgade distributiva lagen]].</t1> | | <t1>Om två parenteser multipliceras ihop använder man den s.k. [[utvidgade distributiva lagen *Rules*|utvidgade distributiva lagen]].</t1> |
| − |
| |
| − | <!--
| |
| − | <translate><!--T:3-->
| |
| − | Distributiva lagen kan visas geometriskt. I rektangeln är höjden 4 och basen $(2+3).$ Den totala arean är '''lika stor''' oavsett om rektangeln är uppdelad eller ej.</translate>
| |
| − |
| |
| − | <jsxgpre id="distributiva435">
| |
| − | var b = mlg.board([-1,5,7.1,-1],{grid:false});
| |
| − | var p1,p2,p3,p4,p5,p6,p7,p8,pol1,pol2,t,t2,t3,t4,t5,t6,s1,s2,s3,s4,s5,s7,s8,plus;
| |
| − | var sT = [];
| |
| − | mlg.af("distributiva435.start", function(){
| |
| − | for (var i = 0;i < sT.length; i++){
| |
| − | clearTimeout(sT[i]);
| |
| − | }
| |
| − |
| |
| − | ready=true;
| |
| − | b.remove();
| |
| − | p1 = b.node(0,0);
| |
| − | p2 = b.node(0,4);
| |
| − | p3 = b.node(2,4);
| |
| − | p4 = b.node(2,0);
| |
| − | p5 = b.node(2,0);
| |
| − | p6 = b.node(2,4);
| |
| − | p7 = b.node(5,4);
| |
| − | p8 = b.node(5,0);
| |
| − | b.segment([0,1],[2,1],{strokeWidth:0.5,opacity:0.2});
| |
| − | b.segment([0,2],[2,2],{strokeWidth:0.5,opacity:0.2});
| |
| − | b.segment([0,3],[2,3],{strokeWidth:0.5,opacity:0.2});
| |
| − | b.segment([0,4],[2,4],{strokeWidth:0.5,opacity:0.2});
| |
| − | b.segment([1,4],[1,0],{strokeWidth:0.5,opacity:0.2});
| |
| − | b.segment([2,4],[2,0],{strokeWidth:0.5,opacity:0.2});
| |
| − | s1 = b.segment([2,1],[5,1],{strokeWidth:0.5,opacity:0.2});
| |
| − | s2 = b.segment([2,2],[5,2],{strokeWidth:0.5,opacity:0.2});
| |
| − | s3 = b.segment([2,3],[5,3],{strokeWidth:0.5,opacity:0.2});
| |
| − | s4 = b.segment([3,0],[3,4],{strokeWidth:0.5,opacity:0.2});
| |
| − | s5 = b.segment([4,0],[4,4],{strokeWidth:0.5,opacity:0.2});
| |
| − | s7 = b.segment([2,0],[2,4]);
| |
| − | s8 = b.segment([3,0],[3,4]);
| |
| − | b.opacity([s7,s8],0);
| |
| − | b.fadeOut([s7,s8]);
| |
| − | pol1 = b.polygon([p1,p2,p3,p4],{fillcolor:mlg.tiny,opacity:0.5});
| |
| − | pol2 = b.polygon([p5,p6,p7,p8],{opacity:0.5});
| |
| − | pol1.borders[2].visProp.visible = false;
| |
| − | pol2.borders[0].visProp.visible = false;
| |
| − | b.board.update();
| |
| − | t = b.text(2.5,4.5,'\\text{Area}=4(2+3)=20',{fontsize:1.3});
| |
| − | t2 = b.text(2.5,2,'4(2+3)',{fontsize:1.3});
| |
| − | t3 = b.text(5.5,2,'4',{fontsize:1.3});
| |
| − | t4 = b.text(2.5,-0.5,'(2+3)',{fontsize:1.3});
| |
| − | t5 = b.text(2,-0.5,'2',{fontsize:1.3,opacity:0});
| |
| − | t6 = b.text(3,-0.5,'3',{fontsize:1.3,opacity:0});
| |
| − | plus = b.text(2.5,2,'+',{fontsize:1.3,opacity:0});
| |
| − | });
| |
| − | mlg.af("distributiva435.animate", function(){
| |
| − | if(ready===true){
| |
| − | ready=false;
| |
| − | sT[0] = setTimeout(function(){b.remove(t2);
| |
| − | b.fadeOut(t4);
| |
| − | b.fadeIn(t5);
| |
| − | b.fadeIn(t6);
| |
| − | b.translate([pol2,s1,s2,s3,s4,s5,t3],1,0,1000);
| |
| − | b.translate(t6,1.5,null,1000);
| |
| − | b.translate(t5,-1,null,1000);
| |
| − | b.fadeOut(t,100);
| |
| − | },100);
| |
| − | sT[1] = setTimeout(function(){
| |
| − | b.text(4.5,2,'4\\cdot3',{fontsize:1.3});
| |
| − | var t3= b.text(1,2,'4\\cdot2',{fontsize:1.3});
| |
| − | b.fadeIn(t,700);
| |
| − | t.moveTo([3,4.5]);
| |
| − | b.changeText(t,'\\text{Area}=4\\cdot2+4\\cdot3=20');
| |
| − | b.opacity([s7,s8],1);b.fadeIn([s7,s8]);
| |
| − | b.fadeIn(plus);
| |
| − | b.fadeIn(t5);
| |
| − | b.fadeIn(t6);
| |
| − | },1100);
| |
| − | }
| |
| − | });
| |
| − | mlg.cf("distributiva435.start");
| |
| − | b.node(0,5);
| |
| − | b.node(6,-1);
| |
| − | b.cropB(0.1);
| |
| − | </jsxgpre>
| |
| − |
| |
| − | <div class='jsx-btn-container'>
| |
| − | <jsxbtn onclick='mlg.cf("distributiva435.animate")'><translate><!--T:4-->
| |
| − | Multiplicera in 4</translate></jsxbtn>
| |
| − | <jsxbtn onclick='mlg.cf("distributiva435.start")'><translate><!--T:5-->
| |
| − | Återställ</translate></jsxbtn>
| |
| − | </div>
| |
| − | -->
| |
| | | | |
| | [[Kategori:Algebra]] | | [[Kategori:Algebra]] |
