Astăzi, o privire mai atentă la graficul care este utilizat în pânză. Aflați cum să atragă linii simple, un poligon, un pătrat și un cerc.
Spațiul de lucru Canvas va fi utilizat în articolul precedent. Dacă nu sunteți familiarizați cu această tehnologie, vă sfătuiesc să începeți să învățați cu inițializarea Canvas.
Să începem cu linii de desen. Liniile sunt desenate în Canvas folosind funcția de accident vascular cerebral. coordonatele setului liniei folosind lineTo.
Pentru a începe, trage o linie orizontală care intersectează spațiul de lucru nostru.
Cine nu înțelege un singur cod - După articol, puteți descărca codul de exemplu completă pentru a verifica funcționarea pe computer.
Parametrii stabilite în ctx.moveTo defini un punct de plecare din care vom trage (0, h / 2 - Începeți cu mijlocul de marginea din dreapta a stânga).
Pentru a desena un poligon linii de care aveți nevoie pentru a adăuga un cuplu de linii:
Linia de închidere este obținută întotdeauna cu coordonatele punctului de plecare.
Ar trebui să arate după cum urmează.
Să sperăm cu linii sortate, acum să vedem cum să atragă un pătrat în pânză.
Pentru maparea pătrat îndeplinește funcția fillRect
Cercul din prelata este desenată în modul următor.
Funcția arc acceptă cât mai multe opțiuni 6. (Primii doi parametri definesc începutul desen arcului, raza, unghiul inițial de rotație a celor două arce, făcând sens orar sau antiorar).