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.