move stroke behind text to achieve halo

This commit is contained in:
Robert Orthofer
2019-03-13 09:31:01 +01:00
parent a051892b92
commit 0aa14db88b

View File

@@ -58,9 +58,10 @@ class LabeledTile extends Tile {
context.strokeStyle = 'white';
context.textAlign = 'center';
context.textBaseline = 'middle';
context.font = 'bold 24px sans-serif';
context.fillText(this.text_, tileSize[0] / 2, tileSize[1] / 2, tileSize[0]);
context.font = '24px sans-serif';
context.lineWidth = 4;
context.strokeText(this.text_, tileSize[0] / 2, tileSize[1] / 2, tileSize[0]);
context.fillText(this.text_, tileSize[0] / 2, tileSize[1] / 2, tileSize[0]);
this.canvas_ = context.canvas;
return context.canvas;