HTML Canvas Kurvi
- Edellinen Sivu Canvas Kylmätä
- Seuraava Sivu Canvas Väriaineistot
Esimerkki
const canvas = document.getElementById("myCanvas");
const ctx = canvas.getContext("2d");
ctx.beginPath();
ctx.arc(100, 50, 50, 0, Math.PI);
ctx.stroke();
arc() menetelmä
Osaympyrä on osa ympyrää ja se määritellään keskikoordinaateilla ja säteellä:
Canvas piirrä osaympyrä
Käytä taulun polkua ympyrän kaaren piirtämiseen:
| menetelmä | kuvaile | piirrä |
|---|---|---|
| beginPath() | aloita polku. | ei |
| arc() | määrittele kaari. | ei |
| stroke() | tehdä kuvaa. | kyllä |
Piirrä ympyrä taululle käyttämällä seuraavia menetelmiä:
- beginPath() - aloita polku
- arc(x,y,r,start,end) - määrittele ympyrä
- stroke() - piirrä
arc(x,y,r,start,end) - Luo osaympyrä (kaari).
Luo ympyrä asettamalla alkokulma 0 ja loppukulma 2 * Math.PI.
x ja y parametrit määrittävät ympyrän keskipisteen koordinaatit.
r parametri määrittää ympyrän säteen.
Katso myös:
- Edellinen Sivu Canvas Kylmätä
- Seuraava Sivu Canvas Väriaineistot
