经纬志
首页 / OpenLayers / 使用示例

线样式

七条折线并排,逐条更换宽度、端点、拐角与虚线数组,差异一眼可见。

OpenLayers 10.3.1 · 对应官方 line-styles.html · 更新 2026-10-28
源码与运行效果
运行效果

说明

Stroke 的可调项包括宽度、颜色、lineCap、lineJoin 与 lineDash。示例把七条折线并排,逐条换参数,差异一眼可见。

lineCap 控制端点形状,lineJoin 控制拐角,lineDash 用实线长与空白长的数组描述,组合起来可以表达道路等级。

操作结果
对比 1px 与 7px宽度差异明显
对比 round 与 miter拐角形状不同
对比虚线数组疏密与节奏变化

lineDash 在低分辨率下容易闪烁,重要线条改用实线加描边更稳。