Cum să elaboreze pe pagina web

JspsDrawRectangle de funcții (listare 6.5) este angajată în desen dreptunghiuri. Formatați apelul ei, după cum urmează:

jspsDrawLine

Acesta utilizează funcția jspsDrawLine anunțat anterior și nici o valoare de întoarcere.

Listarea 6.5. Funcția jspsDrawRectangle care atrage un dreptunghi pe o pagină Web

Funcția jspsDrawRectangle (x1, y1, x2, y2, elementul pSize,)

jspsDrawLine (x1, y1, x2, y1, elementul pSize,);

jspsDrawLine (x2, y1, x2, y2, elementul pSize,);

jspsDrawLine (x2, y2, x1, y2, elementul pSize,);

jspsDrawLine (x1, y2, x1, y1, pSize, elementul);>

Funcția jspsDrawEliipsis (a se vedea Listarea 6.6) se bazează pe pagina web a elipsei (sau, ca un caz special al unei elipse, cerc, în funcție de parametrii). Aici este formatul apelului ei:

jspsDrawEliipsis (<Координата X центра>, <Координата Y центра>,<Горизонтальный радиуо[, <Вертикальный радиуо[, <Размер точки> [ <Элемент страницьт>]]]);

Toți parametrii acestei funcții trebuie să fie clare fără explicații. Singurii - dacă intervalul vertical nu este specificat, se presupune a fi raza orizontală (rezultatul va fi trase cerc - degenerată varianta elipsă).

Funcția jspsDrawEliipsis utilizează funcția jspsDrawDot anunțate anterior pentru punctele de desen, și, de asemenea, nu a returnat o valoare.

Listarea 6.6. JspsnrawEllipsis de funcții. risuyuschaya pe pagina web a elipsei

Funcția jspsDrawEllipsis (x, y, Rh, Rv, elementul pSize,)

(! PSize), în cazul în care pSize = 1;

în cazul în care elementul (elementul!) = document.body;

var rr = Math.PI * 2;

pentru (var a = 0; o <= rr; a += .02)

jspsDrawDot (x + Rh * Math.sin (a), y + Rv * Math.cos (a), pSize, elementul);>

Aici este codul HTML Web-pagina care afișează imaginea unui cerc înscris într-un pătrat, și este deja înscris în acest triunghi pătrat.

Bazându-se pe pagina web

// Setați numele de fișier stocat „risuyuschuyu“ punct. Dacă plecăm

// valoarea veche, pagina nu va funcționa corect fără

jspsDrawEllipsis (200, 200, 100, 100);

// Desenam un pătrat înscris în ea

var h = Math.sin (Math.PI / 4) * 100;

jspsDrawRectangle (200 - h, 200 - h, 200 + h, 200 + h);

// desena un pătrat înscris în triunghi jspsDrawLine (200, 200 - h, 200 - h, 200 + h); jspsDrawLine (200, 200 - h, 200 + h, 200 + h); / HTML>

Acest mic script va afișa pe pagina web sinusoidei.

var V = 100; var amp = 50; end var = 360;

pentru (var a = 0; și <= end; a++) jspsDrawDot(a, V - amp * Math.sin(jspsToRad(a)));

Aici, într-o pagină variabilă v stocată decalat față de partea de sus la orizontală axe de coordonate în amplitudine variabilă Amp ( „scara“) nostru de sinus-PIDs, iar sfârșitul variabilă - valoarea limită.

Nu uita faptul că pixelii de pe ecran sunt numărate de la stânga la dreapta, dar de sus în jos! Acesta este motivul pentru care expresia, calculează un vertical de coordonate dinatutochki, -V - amp * Math.sin (jspsToRad (a)) - este un semn de scădere.

Ei bine, cu imagini grafice și efecte asociate, am sortat cu ajutorul unui popor atotștiutori. Următorul pas - hyperlink-uri și tot în legătură cu acestea. Vom învăța pentru a efectua web-script-uri ca răspuns la clic pe ele, de a crea ponturile și bare de navigare. Pentru cauza!

articole similare