在html中繪製一元一次,一元二次,一元三次函式

2021-10-02 06:47:08 字數 2977 閱讀 6124

入門級別,大神繞過。

html畫布和js提供的一些繪製函式,可以輕鬆的幫助我們繪製函式。只要掌握好縮放比例。如果再把滾動條和對應的引數繫結,大概就可以實現函式圖隨引數改變而改變的效果吧。

lang

="en"

>

>

charset

="utf-8"

>

>

documenttitle

>

head

>

>

"drawing"

width

="1600"

height

="3200"

style

="margin

:100px auto;

display

: block;

">

canvas

>

>

var drawing=document.

getelementbyid

("drawing");

var context=drawing.

getcontext

("2d");

// 繪製直線

// context.beginpath();

// context.linewidth="5";

// context.strokestyle="green"; // green path

// context.moveto(0,75);

// context.lineto(250,75);

// context.lineto(250,175);

// context.stroke();

// context.beginpath();

// context.strokestyle="purple"; // purple path

// context.moveto(50,0);

// context.lineto(150,130);

// context.stroke(); // draw it

context.

beginpath()

;//繪製xy軸xy(

800,

3200,10

,context)

; context.

stroke()

;function

xy(x,y,s,context)

// 繪製y=x^2 考慮到平方太大,其實我們將影象相對於座標軸縮小了100倍

quadraticfunction

(context)

;function

quadraticfunction

(context)

context.font=

"bold 28px arial"

; context.

filltext

("y=x^2"

,100*4

+400

,1600

-100*4

*4+80

);context.

stroke()

;}//繪製a(t)=x0+m*t

var x0var =0;

var mvar =1;

var fraction1 =1;

var fraction2 =1/

6;function

******function

(context)

context.font=

"bold 28px arial"

; context.

filltext

("a(t)=x0+m*t"

,100*4

+400

,1600

-(x0var+mvar*

100*4)

);context.

stroke()

;}******function

(context)

;//繪製v(t) = 1/2*m*t*t+x0*t

function

quadraticfunctionextention

(context)

context.font=

"bold 28px arial"

; context.

filltext

("v(t) = 1/2*m*t^2+x0*t"

,100*4

+400

,1600

-100*(

1/2*mvar*4*

4+x0var*4)

+120);

context.

stroke()

;}quadraticfunctionextention

(context)

;//繪製s(t) = 1/6*m*t*t*t+1/2*x0*t*t

function

cubicfunction

(context)

context.font=

"bold 28px arial"

; context.

filltext

("s(t) = 1/6*m*t^3+1/2*x0*t^2"

,400

,100);

context.

stroke()

;}cubicfunction

(context)

;script

>

body

>

html

>

參照自:

python一元一次線性回歸

本文 給出 一元一次線性回歸的 實現 下篇文章會給出機器學習中提到的最小二乘法求線性回歸 這個線性回歸我是假設樓層與房價是線性回歸舉得列子,資料是隨便寫的,required packages import matplotlib.pyplot as plt import numpy as np imp...

08 一元函式物件和一元謂詞

include using namespace std include string include include include set include include functional 函式物件 類過載了函式呼叫操作符,這樣的類定義的物件稱為函式物件 template class show...

find if一元謂詞

find if接受一元謂詞,因此傳遞給find if的可呼叫物件必須接受單一引數。舉個例子 vector vec auto wc find if vec.begin vec.end sz const string words 當中的lambda表示式 sz const string words 轉化...