Openlayers 3 linedash画虚线

本文介绍如何使用 OpenLayers3 的 lineDash 属性来绘制虚线。通过设置 stroke 的 lineDash 参数为不同长度的线段数组,可以实现各种虚线效果。示例中展示了一种具体的虚线样式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

Openlayers 3 linedash画虚线

虚线样式如下

new ol.style.Style({
        fill: new ol.style.Fill({
            color: '#0044CC'
        }),
        stroke: new ol.style.Stroke({
            //lineJoin:'bevel',
            lineDash:[1,2,3,4,5,6],
            color: '#0044CC',
            width: 4
        })
    })

linedash属性值类型是Array,随意改改可看到不同的虚线效果

效果图

图

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值