Class: CloverShape

CloverShape

三叶草要素风格。

new CloverShape(options)

Usage
// 浏览器
<script type="text/javascript" src="https://iclient.supermap.io/dist/openlayers/iclient-ol.js"></script>
<script>
  new ol.style.CloverShape(options);
  
</script>

// ES6 Import
import { CloverShape } from '@supermap/iclient-ol';

new CloverShape(options);
openlayers/overlay/graphic/CloverShape.js, line 8
Name Type Description
options Object

三叶草形要素风格参数。

Name Type Default Description
angle number 30 可选

三叶草每个扇叶的圆心角，单位弧度。
count number 3 可选

扇叶数量。
fill ol.style.Fill 可选

填充样式。
strokeOpacity number 可选

透明度。
fillOpacity number 可选

填充透明度。
radius number 可选

半径。
stroke ol.style.Stroke 可选

边框样式。

Name Type Default Description
color string '#3388ff' 可选

边框颜色。
width number 1 可选

边框宽度。

Extends

Methods

drawSector(ctx, x, y, r, sAngle, eAngle)

openlayers/overlay/graphic/CloverShape.js, line 83

绘制扇形。

Name Type Description
ctx CanvasRenderingContext2D

context 对象
x number

中心点 x。
y number

中心点 y。
r number

中心点 r。
sAngle number

扇叶起始角度。
eAngle number

扇叶终止角度。

getCount()

openlayers/overlay/graphic/CloverShape.js, line 118

获取扇叶数量。

getSpaceAngle()

openlayers/overlay/graphic/CloverShape.js, line 125

获取扇叶间隔角度。