| |
| Rad 15: |
Rad 15: |
| | b.node(5,5); | | b.node(5,5); |
| | b.cropA(0.5); | | b.cropA(0.5); |
| − | var p1 = b.point(0,0,{opacity:0,fixed:false}); | + | var p1 = b.point(0,0,{opacity:0,fixed:false,mathMode:false,name:'<translate><!--T:6--> |
| − | var p2 = b.point(3,3,{opacity:0,fixed:false});
| + | Dra mig</translate>!',size:2,label:{position:'w'}}); |
| − | var pullMe1 = b.txt(-0.75,0,'<translate><!--T:6-->
| + | var p2 = b.point(3,3,{opacity:0,fixed:false,mathMode:false,name:'<translate><!--T:7--> |
| − | Dra mig</translate>!', {mathMode:false}); | + | Dra mig</translate>!',size:2,label:{position:'nw'}}); |
| − | var pullMe2 = b.txt(2.0,3,'<translate><!--T:7--> | + | var vec = b.vector(p1,p2); |
| − | Dra mig</translate>!', {mathMode:false}); | + | b.segmentText(vec,{name:'\\vec{v}', fontsize:1.2, mathMode:true}); |
| − | var vec = b.vector(p1,p2); | + | var p3 = b.extendPoint(vec,p2,0.7,{visible:false}); |
| − | b.segmentLabel(vec,'\\vec{v}',0.3,null,{fontsize:1.2,rotateText:true}); | + | var p4 = b.extendPoint(vec,p2,2.3,{visible:false}); |
| − | var p3 = b.extendPoint(vec,p2,0.7,{visible:false}); | + | var p5 = b.extendPoint(vec,p2,2.31,{visible:false}); |
| − | var p4 = b.extendPoint(vec,p2,2.3,{visible:false}); | + | var riktning = b.segment(p2,p3,{color:'black',dash:2,strokewidth:1.2,straightFirst:false,straightLast:false}); |
| − | var p5 = b.extendPoint(vec,p2,10,{visible:false}); | + | var riktning2 = b.line(p4,p5,{color:'black',dash:2,strokewidth:1.2,straightFirst:false}); |
| − | var riktning = b.segment(p2,p3,{color:'black',dash:2,strokewidth:1.2,straightFirst:false,straightLast:false}); | + | var rikSeg = b.segment(p3,p4,{visible:false}); |
| − | var riktning2 = b.segment(p4,p5,{color:'black',dash:2,strokewidth:1.2,straightFirst:false}); | + | rikText = b.segmentText(rikSeg,{name:'<translate><!--T:8--> |
| − | var rikSeg = b.segment(p3,p4,{visible:false}); | + | Riktning</translate>',distance:0,rotateText:true}); |
| − | rikText = b.segmentLabel(rikSeg,'<translate><!--T:8--> | + | var measure = b.measure(vec.point1,vec.point2,{name:' ',distance:-0.5}); |
| − | Riktning</translate>',-0.01,null,{rotateText:true}); | + | var storlek = b.segmentText(measure.segment,{name:'<translate><!--T:9--> |
| − | var m1 = b.Tpoint(vec,vec.point1,-0.5,{visible:false}); | + | Storlek</translate>', distance:-0.5,rotateText:true}); |
| − | var m2 = b.Tpoint(vec,vec.point2,-0.5,{visible:false});
| + | var p5x,p5y; |
| − | var measure = b.measureA(m1,m2,'\\ ',{withlabel:false}); | + | p1.on('drag',function(){ |
| − | b.segmentLabel(measure.segment,'<translate><!--T:9-->
| + | b.limit(p1,-2,5,5,-2); |
| − | Storlek</translate>',-0.5,null,{rotateText:true}); | + | p1.setAttribute({name:''}); |
| − | //var p5x,p5y;
| + | p2.setAttribute({name:''}); |
| − | var xMin = -2.5;
| + | if (p5x>5.3 || p5x < -2.3 || p5y > 5.3 || p5y < -2.3) { |
| − | var xMax = 5.5;
| + | riktning2.setAttribute({visible:false}); |
| − | var yMin = -2.5;
| + | } |
| − | var yMax = 5.5;
| + | else { |
| | + | riktning2.setAttribute({visible:true}); |
| | + | } |
| | + | }); |
| | + | p2.on('drag',function(){ |
| | + | p5x = p5.X(); |
| | + | p5y = p5.Y(); |
| | + | b.limit(p2,-2,5,5,-2); |
| | + | if (p5x>5.3 || p5x < -2.3 || p5y > 5.3 || p5y < -2.3) { |
| | + | riktning2.setAttribute({visible:false}); |
| | + | } |
| | + | else { |
| | + | riktning2.setAttribute({visible:true}); |
| | + | } |
| | + | p1.setAttribute({name:''}); |
| | + | p2.setAttribute({name:''}); |
| | | | |
| − | var snapDist = 0.5;
| + | }); |
| − | p1.on('drag',function(){
| + | b.board.update(); |
| − | b.hide([pullMe1, pullMe2]);
| |
| − | if (p1.X() < xMin + snapDist) {
| |
| − | p1.moveTo([xMin+snapDist,p1.Y()])
| |
| − | }
| |
| − | if (p1.X() > xMax - snapDist) {
| |
| − | p1.moveTo([xMax-snapDist,p1.Y()])
| |
| − | }
| |
| − | if (p1.Y() < yMin + snapDist) {
| |
| − | p1.moveTo([p1.X(),yMin+snapDist])
| |
| − | }
| |
| − | if (p1.Y() > yMax - snapDist) {
| |
| − | p1.moveTo([p1.X(),yMax-snapDist])
| |
| − | }
| |
| − | });
| |
| − | p2.on('drag',function(){
| |
| − | b.hide([pullMe1, pullMe2]);
| |
| − | if (p2.X() < xMin + snapDist) {
| |
| − | p2.moveTo([xMin+snapDist,p2.Y()])
| |
| − | }
| |
| − | if (p2.X() > xMax - snapDist) {
| |
| − | p2.moveTo([xMax-snapDist,p2.Y()])
| |
| − | }
| |
| − | if (p2.Y() < yMin + snapDist) {
| |
| − | p2.moveTo([p2.X(),yMin+snapDist])
| |
| − | }
| |
| − | if (p2.Y() > yMax - snapDist) {
| |
| − | p2.moveTo([p2.X(),yMax-snapDist])
| |
| − | }
| |
| − | }); | |
| − | b.board.update(); | |
| | </jsxgpre> | | </jsxgpre> |
| | | | |