OL3'te kesik çizgiler var mı?


13

Satır çizgisinin çalışmadığını biliyorum OL3 (Openlayers 3) daha önce sorulmuş ancak önerilen çözüm çalışmıyor.

Kodum:

var calculateStyle= new ol.style.Style({
      fill: new ol.style.Fill({
    color: [255, 255, 255, 0.6],
    opacity: 0.3
  }),
  stroke: new ol.style.Stroke({
    color: [0, 153, 255, 1],
    linedash: [40,40],
    width: 3
  })
});

Her ikisini de denedim [4,4]ve [40,40]bağlantılı soruda önerdim. Ama işe yaramıyor.


2
lütfen deneyin lineDash: [4,4]ya dalineDash: [40,40]
— Gabor Farkas

@GaborFarkas: Merhaba. Her ikisini de denedim ama işe yaramıyor
— İşhan

Yanıtlar:


19

Kesik çizgiler aşağıdakilerle yapılabilir:

new ol.style.Style({
    stroke: new ol.style.Stroke({
        width: 3, color: 'rgba(255, 255, 255, 1)',
        lineDash: [.1, 5] //or other combinations
    }),
    zIndex: 2
})

Sizi çevrimiçi bir örnek haline getirdim!

http://plnkr.co/edit/AW1YNC?p=preview

Çeşitli kombinasyonlar elde etmek için bu çevrimiçi "test cihazını" kullanabilirsiniz:

http://phrogz.net/tmp/canvas_dashed_line.html


İyi Canlı Örnek ama cevabınızda kesik çizgiler elde etmek için ne yaptığınızı anlatabilir misiniz?
— Mapperz

1
Tüm cevaplarınız için teşekkürler. Hatayı aldım. Herkesin bana yapmamı söylediği şeyi yapıyorum. Hata küçük ve büyük harflerin küçük bir farkıydı. 'Linedash' ve 'LineDash'
— İşhan
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.