{{ tocSubheader }}
| {{ 'ml-lesson-number-slides' | message : article.intro.bblockCount }} |
| {{ 'ml-lesson-number-exercises' | message : article.intro.exerciseCount }} |
| {{ 'ml-lesson-time-estimation' | message }} |
Karin.hedin@osteraker.se (Diskussion | bidrag) | Estellecapor1@gmail.com (Diskussion | bidrag) | ||
Rad 13: | Rad 13: | ||
var p1 = b.point(-2,3); | var p1 = b.point(-2,3); | ||
var p2 = b.node(2,-1); | var p2 = b.node(2,-1); | ||
− | b.flag(p1, 'Tangeringspunkt',220,2,{mathMode:false}); | + | b.flag(p1, '<translate>Tangeringspunkt</translate>',220,2,{mathMode:false}); |
− | b.flag(p2, 'Tangent',40,1.2,{mathMode:false}); | + | b.flag(p2, '<translate>Tangent</translate>',40,1.2,{mathMode:false}); |
</jsxgpre> | </jsxgpre> | ||
Rad 24: | Rad 24: | ||
var xax = b.xaxis(200,0,'x'); | var xax = b.xaxis(200,0,'x'); | ||
var yax = b.yaxis(200,0,'y'); | var yax = b.yaxis(200,0,'y'); | ||
+ | var string = { | ||
+ | move_me: '<translate>Drag mig!</translate>' | ||
+ | }; | ||
+ | |||
//b.board.options.layer['angle'] = 8; | //b.board.options.layer['angle'] = 8; | ||
Rad 44: | Rad 48: | ||
//Drag mig! för funktionerna | //Drag mig! för funktionerna | ||
− | var dragMe2 = b.textA(1.9,0.6, | + | var dragMe2 = b.textA(1.9,0.6, string.move_me); |
− | var dragMeE = b.textA(1.3,1.1, | + | var dragMeE = b.textA(1.3,1.1, string.move_me,{opacity:0, transitionDuration:0}); |
− | var dragMeS = b.textA(0.75,-0.35, | + | var dragMeS = b.textA(0.75,-0.35, string.move_me,{opacity:0, transitionDuration:0}); |
//b.hide([dragMeE, dragMeS]); | //b.hide([dragMeE, dragMeS]); | ||
Rad 52: | Rad 56: | ||
//Skapa en tangentpunkt och tangenten | //Skapa en tangentpunkt och tangenten | ||
var tangentPoint = b.glider(1, 1, f1, {fixed:false}); | var tangentPoint = b.glider(1, 1, f1, {fixed:false}); | ||
− | var tangent1 = b.board.create('tangent', [tangentPoint], {strokeColor:'red'}); | + | var tangent1 = b.board.create('<translate>tangent</translate>', [tangentPoint], {strokeColor:'red'}); |
//Funktionsbeskrivningar | //Funktionsbeskrivningar | ||
Rad 84: | Rad 88: | ||
//Dra mig! för cirkeln | //Dra mig! för cirkeln | ||
− | var dragMeC = b.textA(22.2,17.8, | + | var dragMeC = b.textA(22.2,17.8, string.move_me); |
//Förbered för visning | //Förbered för visning | ||
Rad 159: | Rad 163: | ||
<jsxbtn onclick='mlg.cf("tangent_illustration_1.exponential")'>$y = 2^x$</jsxbtn> | <jsxbtn onclick='mlg.cf("tangent_illustration_1.exponential")'>$y = 2^x$</jsxbtn> | ||
<jsxbtn onclick='mlg.cf("tangent_illustration_1.sinus")'>$y = \sin(x)$</jsxbtn> | <jsxbtn onclick='mlg.cf("tangent_illustration_1.sinus")'>$y = \sin(x)$</jsxbtn> | ||
− | <jsxbtn onclick='mlg.cf("tangent_illustration_1.circle")'>Cirkel</jsxbtn> | + | <jsxbtn onclick='mlg.cf("tangent_illustration_1.circle")'><translate>Cirkel</translate></jsxbtn> |
</div> | </div> | ||
Man kan därför använda tangenter för att illustrera en kurvas lutning i en viss punkt på grafen.
Lägg märke till att en tangent till en cirkel skapar en rät vinkel med cirkelns radie.