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
Trimiteți-le prietenilor: