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 '@supermap/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

获取画布。