tin-engine/definition/font.js

Simple game engine to make small canvas based games using es6

export default class FontStyle {
	constructor(size, color = 'black', type = 'sans-serif', hover) {
		this.size = size;
		this.color = color;
		this.type = type;
		this.hover = hover;

		this.align = 'center';
		this.base = 'middle';
	}

	apply(ctx, hover) {
		ctx.textAlign = this.align;
		ctx.textBaseline = this.base;
		ctx.font = `${this.size}px ${this.type}`;
		ctx.fillStyle = hover && this.hover ? this.hover : this.color;
	}
}