From 0aa14db88b6a4bd8d0e373c4d4edadd55df2c207 Mon Sep 17 00:00:00 2001 From: Robert Orthofer Date: Wed, 13 Mar 2019 09:31:01 +0100 Subject: [PATCH] move stroke behind text to achieve halo --- src/ol/source/TileDebug.js | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/src/ol/source/TileDebug.js b/src/ol/source/TileDebug.js index fb6af22061..0335e1d244 100644 --- a/src/ol/source/TileDebug.js +++ b/src/ol/source/TileDebug.js @@ -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;