Bazându-se pe javascript jsgraphics - javascript

De câte ori doriți să desenați o săgeată pe pagina dvs. web? Sau câteva rânduri aici și acolo? Din păcate, HTML nu poate ajuta în acest sens, iar utilizarea imaginilor consumă trafic și încetinește încărcarea paginilor dvs.







Utilizați biblioteca pentru a desena:
linii
cercuri și ovale
dreptunghiuri
polilinii și poligoanele
texte
poze

Cum se utilizează biblioteca, 3 pași rapizi

Copiați biblioteca în folderul cu paginile web și adăugați următoarele în secțiune :

În corpul documentului, identificați una sau mai multe

etichete pentru desen, de exemplu:







Desenați!
Apelați jsGraphics () fără parametri atunci când desenați în întreg documentul
Utilizați diva "Canvas" pentru a desena

var jg = noul jsGraphics ("Canvas");
jg.setColor ("maro");
jg.fillElipsa (450, -5, 40, 70);
jg.setStroke (1);
jg.setColor ("# ff6666");
jg.drawPolyline (array nou (90, 640, 90), array nou (0, 25, 90));
jg.setColor ("verde");
jg.drawRect (100,40,200,18);
jg.setColor ("albastru");
jg.setStroke (Stroke.DOTTED);
jg.drawRect (-20,0,32,50);
jg.drawElipsa (250,10,100,100);
jg.paint ();

clar ();
Scop: șterge conținutul între etichete

..
, folosit pentru desen.
exemplu:







Articole similare

Pagina anterioară

Pagina următoare

Trimiteți-le prietenilor: