strokeColor和fillColor描边覆盖在填充

strokeColor和fillColor都可以同时使用，但是在绘制图形时，描边和填充的顺序是有影响的。默认情况下，描边会覆盖在填充之上，这是因为描边是在填充之后绘制的。

如果你想让填充覆盖在描边之上，可以采用以下方法：

1. 首先绘制填充，然后再绘制描边，这样描边就会在填充之上。

2. 使用CAShapeLayer来绘制图形，然后设置它的fillColor和strokeColor属性，同时设置它的fillRule属性为kCAFillRuleEvenOdd。这样就可以让填充覆盖在描边之上了。

需要注意的是，第二种方法只适用于一些特定的图形，比如环形图形或者具有洞的图形。对于一般的图形，第一种方法是最常用的。

相关问题

var circle = new BMap.Circle(point, 6, { strokeColor: 'Red', strokeWeight: 6, strokeOpacity: 1, Color: 'Red', fillColor: '#f03' })

这段代码使用了百度地图 JavaScript API 中的 BMap.Circle() 方法来创建一个圆形覆盖物。其中，point 参数表示圆心坐标，6 表示圆的半径大小。后面的对象字面量参数用来设置圆形的样式，strokeColor 表示描边颜色，strokeWeight 表示描边宽度，strokeOpacity 表示描边透明度，Color 表示填充颜色，fillColor 表示填充颜色的透明度。

高德地图圆形覆盖物添加内容

在高德地图中，要给圆形覆盖物添加内容，可以使用 `AMap.CircleMarker` 类来创建圆形覆盖物，并结合自定义的 HTML 内容来实现。下面是一个示例代码：

// 创建地图对象
var map = new AMap.Map('mapContainer');

// 创建圆形覆盖物
var circle = new AMap.CircleMarker({
  center: [lng, lat], // 圆心位置，lng为经度，lat为纬度
  radius: 100, // 半径，单位为像素
  fillColor: '#FF0000', // 填充颜色
  strokeColor: '#000000', // 描边颜色
  strokeWeight: 2 // 描边宽度
});

// 创建自定义的 HTML 内容
var content = '<div class="circle-content">这是一个圆形覆盖物</div>';

// 将自定义的 HTML 内容添加到圆形覆盖物上
circle.setContent(content);

// 将圆形覆盖物添加到地图上
map.add(circle);

在上述代码中，我们首先创建了一个地图对象，并将其放置在 id 为 "mapContainer" 的 DOM 元素中。然后，通过 `new AMap.CircleMarker()` 来创建一个圆形覆盖物，设置了圆心位置、半径、填充颜色、描边颜色和描边宽度等属性。

接下来，我们创建了一个自定义的 HTML 内容，可以根据需要自定义样式和内容。然后，通过调用 `circle.setContent(content)` 将自定义的 HTML 内容添加到圆形覆盖物上。

最后，通过调用 `map.add(circle)` 将圆形覆盖物添加到地图上进行显示。

您可以根据实际需求，修改圆形覆盖物的属性和自定义的 HTML 内容，来满足您的要求。

希望以上信息对您有所帮助！如果您有任何其他问题，请随时提问。