Rajzolj egy vonalat, a négyzet és a kör a vászonra
Ma egy közelebbi pillantást a grafikon amelyet használnak a vásznon. Ismerje meg, hogyan kell felhívni egyszerű vonalak, sokszög, négyzet és a kör.
Munkaterület Canvas fogják használni, az előző cikkben. Ha nem ismeri ezt a technológiát, azt tanácsolom, hogy kezdi a tanulást Canvas elindulni.
Kezdjük vonalakat. A vonalakat húzunk a vásznon a stroke-funkciót. koordinálja a sor beállított lineTo.
A kezdéshez húzzon egy vonalat metsző vízszintes mi munkaterületet.
Aki nem érti egyetlen kód - Miután a cikket, akkor töltse le a teljes példa kód, hogy ellenőrizze a műveletet a számítógépen.
Beállított paraméterek ctx.moveTo meghatároz egy kiindulási pont, ahonnan vonjuk (0, H / 2 - Kezdjük a közepén a jobb szélén a bal oldalon).
Kell felhívni a sokszög következő sorokat kell hozzáadni egy pár sort:
A záró vonal mindig kapott a koordinátákat a kiindulási pont.
Meg kell nézni a következő.
Remélhetőleg vonalak kiválogattam, most lássuk, hogyan kell felhívni a tér a vásznon.
A leképezés a tér megfelel fillRect funkció
A kör a Canvas felhívjuk a következő módon.
ív funkcióban több mint 6 lehetőségeket. (Az első két paraméter határozza meg az elején a rajz az ív, a sugár, a kezdeti elfordulási szög a két ív, teszi az óramutató járásával megegyező, vagy az óramutató járásával ellentétes).