Parse

File Parse text/alpha.js

Source

            /*
    t = new Text(ctx, 'my text value')
    t.writeText(fillStyle [, ctx])
    t.text = 'new text value'
    t.writeText(fillStyle)
 */
class TextAlpha {
    fontSize = 12
    fontWeight = 'normal'
    fontName = 'lexend deca'
    text = undefined
    textAlign = "center"
    textBaseline = "middle"
    position = undefined
    /*Note. Applying this, overrides future get X()*/
    // letterSpacing =  undefined

    constructor(ctx, text=undefined) {
        this.updateData(text)

        this.position = new Point(0, 0)
        this.ctx = ctx;
    }

    updateData(d) {
        if(typeof(d) == 'string'){
            this.text = d;
        }

        for(let k in d) {
            this[k] = d[k]
        }
    }

    get width() {
        return this.ctx.measureText(this.text).width
    }

    writeText(fillStyle, ctx=this.ctx){
        ctx.fillStyle = fillStyle
        this.configureCtx(ctx)
        let pos = this.position
        ctx.fillText(this.text, pos.x, pos.y)
    }

    configureCtx(ctx) {
        ctx.font = `${this.fontWeight} ${this.fontSize}px ${this.fontName}`;
        // ctx.letterSpacing  = `.335em`;
        ctx.letterSpacing  = this.letterSpacing || 'normal'
        ctx.textAlign = this.textAlign
        ctx.textBaseline = this.textBaseline

    }
}



copy