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 '@supermapgis/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 84

绘制扇形。

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 119

获取扇叶数量。

getSpaceAngle()

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

获取扇叶间隔角度。