Your cart is currently empty!
♦
Jekaterina Guzek, Õpimapp / Portfolio
JS: Joonistamine 1
🖼️ Graafilise liidese kirjeldus: joonistamine Canvas’iga
Pildil on kujutatud veebirakendus, mis on loodud HTML5 <canvas> elemendi abil ja võimaldab kasutajal joonistada lihtsaid geomeetrilisi kujundeid.
📌 Peamised omadused:
- Lõuendil (heledal taustal) on kuvatud:
- Punane kontuuriga ring (täiteta).
- Sinine täidetud ring.
- Roheline täidetud ruut.
- Mustadest joontest moodustatud geomeetriline kujund (sarnaneb täisnurkse kolmnurgaga).
🎨 Tehniline teostus:
Kõik kujundid on joonistatud JavaScripti ja canvas API abil. Kasutatud on järgmisi meetodeid:
beginPath(),arc(),fill(),stroke()— ringide jaoks.fillRect()— ristkülikute jaoks.moveTo(),lineTo(),stroke()— joonte joonistamiseks ja punktide ühendamiseks.