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

CanvasRenderingContext2D.fontKerning

[_] [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:

// html
<canvas id="canvas" width="400" height="100"></canvas>

// javascript, uzyskać odwołanie do elementu canvas, CanvasRenderingContext2D korzystając z canvas właściwości
const canvas = document.getElementById("canvas");
const ctx = canvas.getContext("2d");

ctx.font = "20px serif";

// auto
ctx.fillText(`Witaj! (default: ${ctx.textA})`, 3, 25);

// none
ctx.textA = "none";
ctx.fillText(`Witaj! (${ctx.textA})`, 3, 90);

// normal
ctx.textA = "normal";
ctx.fillText(`Witaj! (${ctx.textA})`, 3, 60);

Opis:
Właściwość CanvasRenderingContext2D.fontKerning określa sposób wykorzystania informacji o kerningu czcionek. Kerning reguluje odstępy między sąsiednimi literami w czcionce proporcjonalnej, umożliwiając im zbieganie się ze sobą w obszarze wizualnym. Właściwość odpowiada font-kerning właściwości CSS. Właściwość może służyć do pobierania lub ustawiania wartości. Dozwolone wartości to:

auto - Przeglądarka określa, czy należy zastosować kerning czcionki, czy nie. Na przykład niektóre przeglądarki wyłączą kerning w przypadku małych czcionek, ponieważ jego zastosowanie może pogorszyć czytelność tekstu
normal - Należy zastosować informacje o kerningu czcionki zapisane w czcionce
none - Informacje o kerningu czcionki przechowywane w czcionce są wyłączone

Zobacz też: