Canvas の座標系は、x y ２次元平面座標系の第１象限の x 軸に対しての鏡像になっています。
　したがって、
　　　　　０ ≦ x ≦ 460　かつ　０ ≦ y ≦ 500　の範囲に、
　　　　y ＝ x²　という式で表される放物線を描くには、
Canvas の座標系において、
　　−2.2 ≦ x ≦ 2.2　の範囲で　放物線　y ＝ x²　を描き、
　　　　　　（ ２ × 2.2 ） × 100　＝→　440　　　　2.2 ² × 100　＝→　448
それを x 軸方向にも y 軸方向にも 100 倍し、
　　【　y' ＝ x' ² / 100　（ −220 ≦ x' ≦ 220 ） 】
　　　　　なぜなら、
　　　　　　（ x， x² ）　→　（ 100x， 100x² ）
　　　　　　 x' ＝ 100x　かつ　y' ＝ 100x²　と置くと、
　　　　　　　　y' ＝ x' ² / 100　　（ −220 ≦ x' ≦ 220 ）
それの x 軸に対する鏡像をとり、
　　【　y' ＝ −x' ² / 100　（ −220 ≦ x' ≦ 220 ） 】
それを y 軸に平行にxの正方向に 230 移動させ、
　　【　y'' ＝ −（ x'' − 230 ) ² / 100　（ 10 ≦ x'' ≦ 450 ） 】
　　　　　なぜなら、
　　　　　　（ x'， −x' ² / 100 ）　→　（ x' ＋ 230， −x' ² / 100 ）
　　　　　　 x'' ＝ x' ＋ 230　かつ　y'' ＝ −x' ² / 100　と置くと、
　　　　　　　　y''　＝　−（ x'' − 230 ) ² / 100　　（ 10 ≦ x'' ≦ 450 ）
それを x 軸に平行にyの正方向に 484 移動させる必要があります。
　　【　y'' ＝ −（ x'' − 230 ) ² / 100 ＋ 484　（ 10 ≦ x'' ≦ 450 ） 】

　

プログラムの内容 ：