Jagged fonts in HTML5 (DEF-2396)(SOLVED)

Thanks for the repo case (in PM).

This is DEF-2396 issue:

I fixed this bug in your repository by adding logic that takes into account devicePixelRatio (method resize_game_canvas):

	function resize_game_canvas() {
		var app_container = document.getElementById('app-container');
		var game_canvas = document.getElementById('canvas');

		var dpi = window.devicePixelRatio || 1;

		var width = {{display.width}};
		var height = {{display.height}};

		app_container.style.width = width+"px";
		app_container.style.height = height+"px";
		game_canvas.width = width*dpi;
		game_canvas.height = height*dpi;
	}

	function load_engine() {
		resize_game_canvas();
         ...

Also, this issue solved in FBInstant games template:

7 Likes