PIXI.Text letterSpacing

Using the “letterSpacing”, PIXI.Text draws incorrectly

After viewing the source code and searching Google, I got to make it work correctly

I had to append the canvas in the document, otherwise it does not work. Any ideas on this?

canvas.style.letterSpacing = style.letterSpacing + 'px';
document.body.appendChild(canvas);

Text.prototype.drawLetterSpacing = function drawLetterSpacing(text, x, y) {
    var isStroke = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;

    var style = this._style;

    // letterSpacing of 0 means normal
    var letterSpacing = style.letterSpacing;

    // if (letterSpacing === 0) {
        if (isStroke) {
            this.context.strokeText(text, x, y);
        } else {
            this.context.fillText(text, x, y);
        }

        // return;
    // }

    // var characters = String.prototype.split.call(text, '');
    // var currentPosition = x;
    // var index = 0;
    // var current = '';
    //
    // while (index < text.length) {
    //     current = characters[index++];
    //     if (isStroke) {
    //         this.context.strokeText(current, currentPosition, y);
    //     } else {
    //         this.context.fillText(current, currentPosition, y);
    //     }
    //     currentPosition += this.context.measureText(current).width + letterSpacing;
    // }
};

I would also like to do something like this

canvas.style.mozOsxFontSmoothing = 'grayscale';
canvas.style.webkitFontSmoothing = 'antialiased';

[gizmooo]

It’s really worked https://jsfiddle.net/hg4pbsne/34/

[vereschagai]

@gizmooo It would be very helpful if you could make a PR for this problem, as It should help lots of users stop experiencing cutting off letters without workaround padding and improve general text look. It would be pleasant if you at least will share your solution.