Cette page a pour but d'expliquer comment j'affiche une courbe mathématique, en javascript avec canvas. C'est pour cela que je commente le script. Pour voir le code source, choisissez Outils... du navigateur --> code source. Je choisis ici la fonction linéaire, car c'est la plus simple. La fonction "grille" permet d'afficher la grille et les coordonnées. Dans le script de la fonction courbe, voyez ligne 65 : y=-x+H, où H est la hauteur du canevas (encadré blanc). On s'attendrait à trouver y = x. Il faut savoir que dans canvas, y augmente quand on descend, alors que dans un repère orthonormé, c'est le contraire.
Testez cette page avec PageSpeed Insights