HTML5 Canvas. Receptury - Helion

HTML5 Canvas. Receptury
- 100, canvas.height - 50);
context.stroke();
};
3. Umieci element canvas w treci dokumentu HTML:
Jak to dziaa
Krzywe kwadratowe rysowane w elemencie canvas s definiowane przez punkt kontekstu, punkt
kontrolny oraz punkt kocowy:
context.quadraticCurveTo(kontrolnyX,kontrolnyY,punktKocowyX,punktKoncowyY);
Przeanalizujmy nastpujcy diagram:
Krzywizna krzywej tego typu jest styczna do trzech stycznych charakterystycznych. W swojej
pierwszej czci krzywa kwadratowa jest styczna do umownej prostej przechodzcej przez punkt
kontekstu i punkt kontrolny. W szczytowym miejscu wygicia krzywa jest styczna do umownej
prostej przechodzcej przez dwa punkty rodkowe — punktrodkowy1 oraz punktrodkowy2.
W swojej kocowej czci krzywa jest styczna do umownej prostej przechodzcej przez punkty
kontrolny i kocowy.
Patrz take
„Poczenie wszystkich wiadomoci — rysowanie odrzutowca” w rozdziale 2.
„Wyzwolenie potgi fraktali — rysowanie nawiedzonego drzewa”.
24