我是靠谱客的博主 愤怒电话,最近开发中收集的这篇文章主要介绍openlayer style text,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

options

1. font    (string)    字体

字体样式作为CSS的“字体”值,请参见:https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/Font。默认值为“10px无衬线”

2.maxAngle    (number)       最大角度

当 文本放置 设置为“line”时,允许相邻字符之间的最大角度。期望值以弧度为单位,默认值为45°(Math.PI/4)

3.offsetX    (number)   右偏移像素

水平文本偏移(像素)。一个正数将把文本右移。默认为0

4.offsetY    (number)   下偏移像素

垂直文本偏移(像素)。一个正数会使文本下移。默认为0

5.overflow   (boolean)   

对于多边形标签或当“文本放置”设置为“直线”时,允许文本超过标签位置处多边形的宽度或它所遵循的路径的长度。默认为false

6.placement   (ol.style.TextPlacement|String default to 'point')

文本放置  默认为point

7.scale(number)   

8.rotateWithView   (boolean) 默认为false

是否随视图旋转文本。

9.rotation    (number)  默认为0

顺时针正旋转。

10.text      (String)  文本

11.textAlign        (String) 

文本对齐。可能值:“left”、“right”、“center”、“end”或“start”。当 placement为“point”,默认为“center”。

对于placement:“line”,默认设置是让渲染器选择不超过maxanger的位置。

12.textBaseline       (String) 

文本基线。可能值:“底部”、“顶部”、“中间”、“字母”、“悬挂”、“表意文字”。( 'bottom', 'top', 'middle', 'alphabetic', 'hanging', 'ideographic')

13.fill   (ol.style.Fill|default color:'null') 

填充样式。如果没有提供,我们将使用深色填充样式(#333)。

14.Stroke     (ol.style.Stroke|color、lineCap、lineJoin、lineDash、lineDashOffset、miterLimit、width) 

15.backgroundFill

placement is 'point'   时文本背景的填充样式。默认为“无填充”。

16.backgroundStroke

placement is 'point'   时文本背景的笔划样式。默认为无笔划

17.padding   默认为[0,0,0,0]

在文本周围填充像素以进行分隔和背景处理。数组中的值的顺序是[上、右、下、左]。

 

 

 

 

 

 

 

 

 

最后

以上就是愤怒电话为你收集整理的openlayer style text的全部内容,希望文章能够帮你解决openlayer style text所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(49)

评论列表共有 0 条评论

立即
投稿
返回
顶部