[ Leksykon ] [ JavaScript ] [ Metody ] [ Właściwości ] [ canvas ] [ CanvasRenderingContext2D ]

CanvasRenderingContext2D.textRendering

[_] [A] [B] [C] [D] [E] [F] [G] [H] [I] [J] [K] [L] [M] [N] [O] [P] [Q] [R] [S] [T] [U] [V] [W] [X] [Y] [Z]

Przykłady:

<script>

 window.onload = () => {
 
 const szer = 600;
 const wys = 300;
 
 const canvas = document.getElementById("canvas");
 canvas.width = szer;
 canvas.height = wys; 
 const ctx = canvas.getContext("2d");

 const tablica = [
 "auto",
 "optimizeSpeed",
 "optimizeLegibility",
 "geometricPrecision",
 ];

 ctx.strokeStyle = "blue";
 ctx.font = "22px serif";

 tablica.forEach((linia, index) => {
 ctx.textRendering = linia;
 const y = 65 + index * 65;
 ctx.fillText(`textRendering ABC "${linia}"`, 0, y);
 });
 
 };

</script>
 
<canvas id="canvas" width="1" height="1"></canvas>

Opis:
Właściwość CanvasRenderingContext2D.textRendering dostarcza silnikowi renderującemu informacji o tym, pod kątem optymalizacji podczas renderowania tekstu. Wartości odpowiadają text-rendering atrybutowi SVG i text-rendering właściwości CSS. Wartość wskazówka dotycząca renderowania tekstu dla silnika przeglądarki, auto - przeglądarka na podstawie wiedzy zgaduje, kiedy należy zoptymalizować rysowanie tekstu pod kątem szybkości, czytelności i precyzji geometrycznej, optimizeSpeed - przeglądarka podczas rysowania tekstu kładzie nacisk na szybkość renderowania ponad czytelność i precyzję geometryczną, wyłącza kerning i ligatury, optimizeLegibility - przeglądarka przedkłada czytelność nad szybkość renderowania i precyzję geometryczną, umożliwia to kerning i opcjonalne ligatury, geometricPrecision - przeglądarka kładzie nacisk na precyzję geometryczną nad szybkość renderowania i czytelność, niektóre aspekty czcionek takie jak kerning nie skalują się liniowo, w przypadku współczynników dużej skali renderowanie tekstu może nie być zbyt piękne, ale rozmiar jest zgodny z oczekiwaniami ani zaokrąglony w górę ani w dół do najbliższego rozmiaru czcionki obsługiwanego przez podstawowy system operacyjny. Właściwość może służyć do pobierania lub ustawiania wartości.

Zobacz też: