ashatora/openlayers
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

move stroke behind text to achieve halo

Browse Source
This commit is contained in:
Robert Orthofer
2019-03-13 09:31:01 +01:00
parent a051892b92
commit 0aa14db88b
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/ol/source/TileDebug.js
+3 -2
View File
@@ -58,9 +58,10 @@ class LabeledTile extends Tile {
context.strokeStyle = 'white'; context.strokeStyle = 'white';
context.textAlign = 'center'; context.textAlign = 'center';
context.textBaseline = 'middle'; context.textBaseline = 'middle';
context.font = 'bold 24px sans-serif'; context.font = '24px sans-serif';
context.fillText(this.text_, tileSize[0] / 2, tileSize[1] / 2, tileSize[0]); context.lineWidth = 4;
context.strokeText(this.text_, tileSize[0] / 2, tileSize[1] / 2, tileSize[0]); 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; this.canvas_ = context.canvas;
return context.canvas; return context.canvas;