Desenarea javascript cu rafaël - totul despre dezvoltarea web pe

Descărcați cea mai recentă versiune a bibliotecii de pe site-ul oficial. În același loc, este disponibilă toată documentația necesară. Pentru muncă, este necesar un singur fișier. Conectați-l la pagină







Apoi obiectul Raphael este disponibil. Cu ajutorul acestuia, se creează o panza pe care o vom desena. De asemenea, avem nevoie de un bloc, de unde vom face o pânză.

Mai mult, toate manipulările sunt efectuate utilizând hârtia variabilă. Desenați un cerc pe panza

Unde 100 și 200 sunt coordonatele pixelului în interiorul pânzei și 50 este raza cercului. De asemenea, în pixeli.

Biblioteca are deja un număr de primitive: cerc, rect, text, elipsă.

când faceți clic pe pânză, se va crea un dreptunghi cu o lățime de 50 și o înălțime de 5 pixeli.







Ștergeți un articol dintr-o panoramă utilizând eliminarea

după un astfel de exemplu, te îndrăgostești definitiv și irevocabil de această bibliotecă. Acum, desenul direct în browser este la fel de simplu ca și reumplerea cartușelor hp. conectat biblioteca și gata.

Și pentru o gustare, vom face ceea ce nu este în exemplele standard din documentație - triunghiul obișnuit.

literele de pe M, L și z nu sunt aleatoare. M - moveto, L-lineto, z - calea apropiată. Ie programarea este asemănătoare programului Turtle, puneți stiloul într-o anumită poziție utilizând parametrul M, apoi desenați linia L și închideți figura prin z. Dacă nu faceți ultima operație, nu închideți cifra, veți obține o linie.

Posibilitățile obiectelor Raphael sunt ușor de extins, folosind un sistem similar cu jQuery, este mult mai ușor.

Apoi exemplul de mai sus, puteți scrie un pic mai ușor

După cum puteți vedea, totul este destul de simplu.

Să fie un post scurt, dar informațiile din acesta au fost extrase din diferite surse și vor fi utile pentru cunoașterea inițială. Vă urez succes și proiectele dvs. Până data viitoare.







Trimiteți-le prietenilor: