Class: CloverStyle

CloverStyle

三叶草要素风格类。除了基本的线颜色、线宽、填充色、填充透明度、填充形状等参数,还可以设置三叶草要素扇叶的圆心角、间隔角度、数量、半径。

new CloverStyle(options)

Usage
// 浏览器
<script type="text/javascript" src="https://iclient.supermap.io/dist/leaflet/iclient-leaflet.js"></script>
<script>
  new L.supermap.CloverStyle(options);
  
  // 弃用的写法
  L.supermap.cloverStyle(options);
  
</script>

// ES6 Import
import { CloverStyle } from '@supermapgis/iclient-leaflet';

new CloverStyle(options);

leaflet/overlay/graphic/CloverStyle.js, line 7
Name Type Description
options Object

参数。

Name Type Default Description
angle number 60 可选

三叶草每个扇叶的圆心角,单位弧度。

spaceAngle number 0 可选

扇叶间隔角度,通过计算获取。

count number 3 可选

扇叶数量。

stroke boolean true 可选

是否描边。

strokeWidth number 1 可选

描边宽度。

color string '#3388ff' 可选

十六进制描边颜色。

weight number 1 可选

描边宽度。

opacity number 1 可选

描边不透明度。

lineCap string 'round' 可选

线帽形状。

lineJoin string 'round' 可选

线条交汇边角形状。

fill boolean false 可选

是否填充。

fillColor string '#66ccff' 可选

十六进制填充颜色。

fillOpacity number 0.2 可选

填充透明度。

fillRule string 'evenodd' 可选

填充形状。

radius number 10 可选

扇叶的半径,单位为像素。

Extends

Methods

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

leaflet/overlay/graphic/CloverStyle.js, line 75

绘制扇形。

Name Type Description
ctx CanvasRenderingContext2D

context 对象。

x number

中心点 x 坐标。

y number

中心点 y 坐标。

r number

扇叶半径 r。

sAngle number

扇叶起始角度。

eAngle number

扇叶终止角度。

getStyle()

leaflet/overlay/graphic/CloverStyle.js, line 67

获取画布。