Domanda

La domanda dice tutto praticamente. Ho cercato e ho iniziato a preoccuparmi che sia impossibile.

Ho questo elemento tela a cui sto disegnando testo. Voglio impostare la spaziatura delle lettere in modo simile al CSS letter-spacing attributo. Con questo intendo aumentare la quantità di pixel tra le lettere quando viene disegnata una stringa.

Il mio codice per disegnare il testo è così, CTX è la variabile di contesto Canvas.

ctx.font = "3em sheepsans";
ctx.textBaseline = "middle";
ctx.textAlign = "center";
ctx.fillStyle = "rgb(255, 255, 255)";
ctx.fillText("Blah blah text", 1024 / 2, 768 / 2);

Ho provato ad aggiungere ctx.letterSpacing = "2px"; Prima del disegno ma senza risultati. C'è un modo per farlo solo con un'impostazione semplice o dovrò fare una funzione per disegnare individualmente ogni personaggio pensando alla spaziatura?

Nessuna soluzione corretta

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top