Funkcja DrawRectangle () {Największa
var targetCanvas = document.getElementById (" sampleCanvas "); Największa
var rectContext = sampleCanvas.getContext (" 2d "); Największa
rectContext.fillStyle = " "; niebieski
rectContext.fillRect (50, 25, 150, 100); Największa
} Największa
Funkcja ta zwraca się niebieski prostokąt w swoim płótnie. Dwa " var " Linie tworzyć zmienne można wykorzystać. Pierwszy (targetCanvas) identyfikuje element canvas jesteś kierowania za pomocą swojego identyfikatora z HTML. Drugi (rectContext) ustawia kontekst dla dwuwymiarowego rysunku. Pomyśl o kontekście, jako przezroczysty warstwy szkła, położony na górze płótnie, a będziesz funkcje oparły się na tym szkle zadzwonić Największa
". FillStyle " linia określa kolor niebieski z nazwy, która rozpoznaje HTML i kojarzy się z jednym ze swoich nazwanych kolorów. Jak podczas pisania kodu HTML lub w stylu CSS można również użyć dowolnego koloru, wzoru lub gradient. &Quot; fillRect " rozruch linii rysuje prostokąt na przesunięcie od góry po lewej, pierwsze dwa numery będąc xiy przesunięcia jakby lewy górny płótna był na współrzędnych (0,0). Drugie dwie cyfry oznaczają szerokość i wysokość prostokąta, odpowiednio Największa
Część 3:. Wywołanie funkcji JavaScript z kodu HTML. To łączy dwie części razem. Można wywołać funkcję jak tylko załadowaniu strony WWW, co ma sens, jeśli używasz płótno rysować interaktywnych zawartości strony, które muszą się pojawić, gdy tylko załadowaniu strony. Inną opcją jest tworzenie przycisków, menu lub inny element w kodzie HTML, który wyzwala zdarzenie rysowania. Poniżej znajduje się przykład jednego przycisku można użyć, aby uruchomić przykładowy skrypt powyżej:
< Typ przycisk = " przycisk " Największa
onclick = " DrawRectangle () " > Największa
Kliknij tutaj, aby zobaczyć rysunek
. < /przycisk > Największa
Zanurkuj w HTML5 ma łatwy do naśladowania instrukcji do tworzenia elementów canvas do swoich stron WWW. Ponadto pewne referencje HTML5 powinien zapewnić szeroki dostęp do zasobów do rysowania wyszukane grafiki, zarówno nieruc
