canvasでの文字アニメーション上での文字間を詰めたい

Question

前提・実現したいこと

https://codepen.io/GabbeV/pen/lHoeL
↑の文字間を詰めたい

上記のアニメーションを使用したいのですが、文字間が少し広いので詰めたいと考えています。
こちらのアニメーションで文字間を詰めることは可能でしょうか？
幾分canvasの知識が浅く、基礎的な部分かもしれませんがご教示いただけると幸いです。

試したこと

canvasにletter-spacingプロパティを追加しましたが、反映されませんでした。

• CSS上での記述
• HTML上でstyle属性での記述
• js上でのstyle.letterSpacingでの記述

上記３点いずれも試しましたが反映されませんでした。

Answer 1

.fillText() で座標を指定しているので適切に変更してください。
https://developer.mozilla.org/ja/docs/Web/API/CanvasRenderingContext2D/fillText

Comments

[cuano]

回答ありがとうございます！
filltextのx座標は調整してみたのですが、canvas全体が動き、結局文字間隔は変わらない状況です……
やはり文字ごとに個別に指定し直す必要が有るのでしょうか……？

[x_x]

一文字ずつ描画しているので、とくに「文字間隔」という設定はなく、調整可能なのはこの座標だけです。