Canvas - rysowanie tekstu w JavaScript
Stronę tą wyświetlono już: 2821 razy
Po canvas-ie w JavaScript można również rysować tekst za pomocą dwóch metod: fillText oraz strokeText.
Rezultat działania powyższego skryptu
Dostępne są następujące pola obiektu kontekstu urządzenia, które umożliwiają sterowanie wyglądem tekstu:
- font - opisuje rozmiar czcionki i krój czcionki używanej do rysowania tekstu (sposób ustawienia jak w CSS, czyli dla przykładu:
ctx.font = "10px Arial";
- textAlign - przyjmuje następujące wartości:
- "left" - wyrównanie do lewej;
- "center" - wyrównanie do środka;
- "right" - wyrównanie do prawej;
- "start" - tekst jest wyrównywany do początku tekstu (do lewej gdy tekst jest wypisywany od lewej do prawej i do prawej, gdy tekst jest wypisywany od prawej do lewej;
- "end" - tekst jest wyrównywany do końca tekstu (do prawej gdy tekst jest wypisywany od lewej do prawej i do lewej, gdy tekst jest wypisywany od prawej do lewej;
- textBaseline - określa położenie punktu zaczepienia tekstu w poziomie, dostępne są następujące ustawienia:
- "top" - punkt zaczepienia na samej górze tekstu;
- "hanging" - punkt zaczepienia na samej górze ale małych liter tekstu;
- "middle" - punkt zaczepienia w połowie wysokości tekstu;
- "alphabetic" - punkt zaczepienia znajduje się na wysokości dolnej krawędzi liter pozbawionych ogonków;
- "ideographics" - punkt zaczepienia znajduje się na dole liter pozbawionych ogonków;
- "bottom" - punkt zaczepienia zawsze na dole całkowitej wysokości tekstu.
Tytuł:
JavaScript i jQuery. Interaktywne strony WWW dla każdego. Podręcznik Front-End Developera
Autor:
Jon Duckett
Tytuł:
JavaScript od pierwszej linii kodu. Błyskawiczna nauka pisania gier, stron WWW i aplikacji internetowych
Autor:
Laurence Lars Svekis, Maaike van Putten, Rob Percival
Tytuł:
JavaScript funkcyjnie. Zrównoważone, pragmatyczne programowanie funkcyjne w JavaScript
Autor:
Kyle Simpson
Tytuł:
JavaScript dla dzieci dla bystrzaków
Autor:
Chris Minnick, Eva Holland
Tytuł:
Modularny JavaScript dla zaawansowanych
Autor:
Nicolas Bevacqua
Tytuł:
JavaScript w praktyce. Stwórz twitterowego bota, system sygnalizacyjny LED i inne projekty z użyciem Node.js i Raspberry Pi
Autor:
Lynn Beighley
Tytuł:
Matematyka dla programistów JavaScript
Autor:
Jacek Piechota
Tytuł:
JavaScript i jQuery. Interaktywne strony WWW dla każdego. Podręcznik Front-End Developera
Autor:
Jon Duckett
Tytuł:
ECMAScript 6. Przewodnik po nowym standardzie języka JavaScript
Autor:
Nicholas C. Zakas
Tytuł:
JavaScript i wzorce projektowe. Programowanie dla zaawansowanych. Wydanie II
Autor:
Simon Timms