首页 / OpenLayers / 使用示例
线样式
七条折线并排,逐条更换宽度、端点、拐角与虚线数组,差异一眼可见。
源码与运行效果
说明
Stroke 的可调项包括宽度、颜色、lineCap、lineJoin 与 lineDash。示例把七条折线并排,逐条换参数,差异一眼可见。
lineCap 控制端点形状,lineJoin 控制拐角,lineDash 用实线长与空白长的数组描述,组合起来可以表达道路等级。
| 操作 | 结果 |
|---|---|
| 对比 1px 与 7px | 宽度差异明显 |
| 对比 round 与 miter | 拐角形状不同 |
| 对比虚线数组 | 疏密与节奏变化 |
lineDash 在低分辨率下容易闪烁,重要线条改用实线加描边更稳。