Dragoste pe javascript svg

Ce este Raphael?

În prezent, biblioteca sprijină Firefox 3.0+ browsere, Safari 3.0+, Opera și Internet Explorer 9.5 și versiunile ulterioare 6.0+.

Cum să utilizați Raphael?

Doar descărcați și încărcați scriptul raphael.js pe pagină. apoi folosiți-l:

Descrierea metodelor

Metoda creează o pânză pentru viitorul desenat pe ea

parametrii
1. Container sau șir HTMLElement
2. numărul lățimii
3. numărul de înălțime

SAU
1. numărul x
2. numărul y
3. numărul lățimii
4. numărul de înălțime

Element [0]

Este o referință pentru obiectul DOM, ceea ce face posibilă definirea procesatorilor de evenimente pentru aceasta și recepționarea / modificarea proprietăților obiectului

Element.rotate

Roti obiectul într-un unghi dat în raport cu centrul

parametrii
numărul de diplomă

Element.translate

Mută ​​obiectul pe panza

parametrii
dx numărul
dy numărul

Element.matrix

Vă permite să transformați un obiect prin impunerea unei matrice asupra proprietăților obiectului (transformarea matricei)

parametrii
Numărul xx
numărul xy
Numărul yx
yy numărul
dx numărul
dy numărul

Element.scale

Mărește obiectul în numărul de ori specificat (lățime și înălțime separat). Dacă factorii de mărire sunt mai mici de 1, atunci obiectul scade

parametrii
Numărul Xtimes
Număr de ori

Element.attr

Setează atributele unui element

parametrii
params object

șir de atribute
șir de valori

Parametrii posibili
cx
cy
dasharray
umple-opacitate
umple
font-family
font-size
font-greutate
font
gradient
înălțime
joinstyle
opacitate
r
rx
ry
accident vascular cerebral-opacitate
accident vascular cerebral lățime
cursă
lățime
x
y

Element.getBBox

Returnează dimensiunile unui element

Element.toFront

Mută ​​stratul în care elementul este localizat în prima poziție (utilizat pentru a împiedica suprapunerea obiectului de către un alt obiect)

Creează un obiect de cerc (desenează un cerc)

parametrii
Numărul x
y numărul
r numărul

parametrii
Numărul x
y numărul
numărul de lățime
numărul de înălțime
r numărul [opțional]

parametrii
Numărul x
y numărul
rx numărul
numărul de pui

Inițializează desenul unei polilinii (traiectorie sau multiline). Implicit, returnează un obiect polilinic gol. Pentru a desena o polilinie, folosiți metodele încorporate obiect, cum ar fi lineTo și curveTo.

parametrii
params object Similar cu obiectul pentru metoda attr
șir de șir de caractere [opțional] - cale în format SVG. Utilizați documentația SVG.

absolut

Setează paravanul de poziționare a tuturor următoarelor obiecte absolut, adică fiecare într-un strat separat, până când se spune opusul - cu ajutorul relativ. (Setează la toate unitățile ca fiind cele absolute, cu excepția cazului în care se prevede altfel)
[Setarea implicită este]

relativ

Setează steagul de poziționare a tuturor următoarelor obiecte în raport cu, adică fiecare obiect următor în același strat, până când se spune opusul - cu absolut. (Setează declanșatorul pentru a număra toate celelalte unități ca relative, cu excepția cazului în care se specifică altfel)

Redrajează linia multiplă. Ar trebui să fie utilizat când punctele (vârfurile) au fost modificate. Acest lucru este posibil prin forțarea accesului la proprietățile obiectului traseu (multiline)

Transferați pen-ul la coordonatele specificate

Trasează o linie din locația pixului la coordonatele specificate

Desenează o linie din punctul de a găsi stiloul în coordonatele specificate. Linia va avea fixări orizontale la începutul și la sfârșit.

parametrii
Numărul x
y numărul
numărul de lățime

Trasează o curbă din punctul în care stiloul este amplasat pe coordonatele specificate.

parametrii
numărul x1
y1 numărul
numărul x2
y2 numărul
numărul x3
y3 numărul

addRoundedCorner

Desenează un sfert din cerc din locația curentă a pixului. Folosit pentru a desena margini rotunjite

parametrii
r numărul
șir dir - Direcție (2 litere)
Posibile valori pentru dir:
lu - stânga
ld - lăsat în jos
ru - sus sus
rd - chiar în jos
ur-up dreapta
ul - sus stânga
dreapta jos
dl - în stânga

Include o imagine în regiunea SVG / VML

parametrii
src șir
Numărul x
y numărul
numărul de lățime
numărul de înălțime

Creează un grup. Poate fi util dacă doriți să grupați obiecte în straturi etc.

SAPE a complicat totul?

MainLink - vânzare simplă și profitabilă de linkuri!

Articole similare