Angular 在Openlayers 5中呈现字体图标时出错
我使用的是一种称为“Geosiana Desa”的真字型字体,但字符“o”并没有如图中所示完全呈现出来。我尝试更改大小和文本基线,但没有成功。有线索吗? 在Chrome中,字体被截断(参见图片),在Firefox中,字符显示不好。 下面是应用的样式示例: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
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
进行补偿。谢谢。它似乎起作用了。