Hogyan rajzoljunk web-oldal
Funkció jspsDrawRectangle (hirdetést 6,5) foglalkozik rajz téglalapok. Formázza a hívása az alábbiak szerint:
jspsDrawLine
Ez használ jspsDrawLine funkció korábban bejelentett és nincs visszatérési értéke.
Listing 6.5. jspsDrawRectangle funkció, amely egy téglalapot rajzol egy weblapon
funkció jspsDrawRectangle (x1, y1, x2, y2, pSize, elem)
jspsDrawLine (x1, y1, X2, Y1, pSize, elem);
jspsDrawLine (X2, Y1, x2, y2, pSize, elem);
jspsDrawLine (x2, y2, x1, y2, pSize, elem);
jspsDrawLine (x1, y2, x1, y1, pSize, elem);>
jspsDrawEliipsis funkciót (lásd a lista 6.6) felhívja a web-oldal az ellipszis (vagy egy speciális esete ellipszis, kör, attól függően, hogy a paramétereket). Itt látható a formátum a hívását:
jspsDrawEliipsis (<Координата X центра>, <Координата Y центра>,<Горизонтальный радиуо[, <Вертикальный радиуо[, <Размер точки> [ <Элемент страницьт>]]]);
Minden paraméter ennek a funkciónak legyen egyértelmű magyarázat nélkül. Az egyetlen - ha a függőleges tartomány nincs megadva, akkor feltételezzük, hogy vízszintes sugara (az eredmény rajzol kört - degenerált változata ellipszis).
jspsDrawEliipsis funkció a korábban bejelentett jspsDrawDot funkció rajz pontokat, és szintén nem ad vissza értéket.
Listing 6.6. Funkció jspsnrawEllipsis. risuyuschaya a web-oldal az ellipszis
függvény jspsDrawEllipsis (x, y, Rh, Rv, pSize, elem)
if (! pSize) pSize = 1;
if (elem!) elem = document.body;
var rr = Math.PI * 2;
for (var a = 0; <= rr; a += .02)
jspsDrawDot (x + Rh * Math.sin (a), y + Rv * Math.cos (a), pSize, elem);>
Itt látható a HTML kódot web-oldal, amely megjeleníti a kép egy kört a négyzetbe írt, és ez már írva ebben a háromszögben a téren.
// Adja meg a fájl nevét tárolja „risuyuschuyu” pontot. Ha elhagyjuk
// régi érték, az oldal nem fog megfelelően működni anélkül,
jspsDrawEllipsis (200, 200, 100, 100);
// rajzoljunk egy négyzet írva benne
var h = Math.sin (Math.PI / 4) * 100;
jspsDrawRectangle (200 - H, 200 - H, 200 + H, 200 + H);
// négyzet rajzolásához írva háromszög jspsDrawLine (200, 200 - H, 200 - H, 200 + H); jspsDrawLine (200, 200 - H, 200 + H, 200 + H);