Garis putus-putus di OL3?

13

Saya tahu Jalur dasbor tidak berfungsi OL3 (Openlayers 3) telah ditanyakan sebelumnya tetapi solusi yang diajukan tidak berfungsi.

Kode saya adalah:

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
  })
});

Saya mencoba keduanya [4,4]dan [40,40]menyarankan dalam pertanyaan terkait. Tapi itu tidak berhasil.

Ishan
sumber
2
silakan coba lineDash: [4,4]ataulineDash: [40,40]
Gabor Farkas
@GaborFarkas: Hai. Saya sudah mencoba keduanya tetapi tidak berhasil
Ishan

Jawaban:

19

Garis putus-putus dapat dilakukan dengan:

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
})

Saya telah membuat Anda menjadi contoh online!

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

Anda dapat menggunakan "tester" online ini untuk mendapatkan berbagai kombinasi:

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

Jonatas Walker
sumber
Contoh Langsung yang Baik tetapi dapatkah Anda menjelaskan dalam jawaban Anda apa yang Anda lakukan untuk mendapatkan garis putus-putus?
Mapperz
1
Terima kasih atas semua jawaban Anda. Saya mendapat kesalahan. Saya telah melakukan hal yang sama yang semua orang suruh saya lakukan. Kesalahannya adalah perbedaan kecil antara huruf kecil dan huruf besar. 'Linedash' dan 'LineDash'
Ishan