Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/typescript/8.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 在Openlayers 5中呈现字体图标时出错_Angular_Typescript_Openlayers - Fatal编程技术网

Angular 在Openlayers 5中呈现字体图标时出错

Angular 在Openlayers 5中呈现字体图标时出错,angular,typescript,openlayers,Angular,Typescript,Openlayers,我使用的是一种称为“Geosiana Desa”的真字型字体,但字符“o”并没有如图中所示完全呈现出来。我尝试更改大小和文本基线,但没有成功。有线索吗? 在Chrome中,字体被截断(参见图片),在Firefox中,字符显示不好。 下面是应用的样式示例: symText = new Text({ font:"normal 18px Geosiana Desa" , textBaseline:'top' , scale: 2, text: "o", fill: new

我使用的是一种称为“Geosiana Desa”的真字型字体,但字符“o”并没有如图中所示完全呈现出来。我尝试更改大小和文本基线,但没有成功。有线索吗? 在Chrome中,字体被截断(参见图片),在Firefox中,字符显示不好。 下面是应用的样式示例:

symText  = new Text({
  font:"normal 18px Geosiana Desa" ,    
  textBaseline:'top' ,
  scale: 2,
  text: "o",
  fill: new Fill({
    color: “blue”,
  }),

});

newStyle = new Style({
  text: symText,
});

Openlayers\u渲染\u ttf


作为一种解决方法,您可以使用
文本:“\no”,
在符号上方放置一条空行,这样顶部就不会被截断。如果您这样做,我建议您更改为
textb基线:'bottom'
,并设置
offsetY
进行补偿。谢谢。这似乎有效。作为一种解决方法,您可以使用
文本:“\no”,
在符号上方放置一条空行,这样顶部就不会被截断。如果您这样做,我建议您更改为
textb基线:'bottom'
,并设置
offsetY
进行补偿。谢谢。它似乎起作用了。