OL3 में डैश लाइनें?


13

मुझे पता है कि OL3 (Openlayers 3) काम नहीं कर रहा है लाइन डैश पहले पूछा गया है, लेकिन प्रस्तावित समाधान काम नहीं कर रहा है।

मेरा कोड है:

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

मैंने दोनों की कोशिश की [4,4]और [40,40]जुड़े हुए प्रश्न में सुझाव दिया। लेकिन यह काम नहीं कर रहा है।


2
कृपया कोशिश करें lineDash: [4,4]याlineDash: [40,40]
गाबर फार्कस

@GaborFarkas: हाय। मैंने पहले ही दोनों की कोशिश की, लेकिन यह काम नहीं कर रहा है
ईशान

जवाबों:


19

धराशायी लाइनों के साथ किया जा सकता है:

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

मैंने आपको एक ऑनलाइन उदाहरण दिया है!

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

विभिन्न संयोजनों को प्राप्त करने के लिए आप इस ऑनलाइन "परीक्षक" का उपयोग कर सकते हैं:

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


अच्छा लाइव उदाहरण लेकिन क्या आप अपने उत्तर में बता सकते हैं कि आपने धराशायी लाइनों को प्राप्त करने के लिए क्या किया?
Mapperz

1
आपके सभी उत्तरों के लिए धन्यवाद। मुझसे गलती हो गई। मैं वही कर रहा हूं जो हर कोई मुझे करने के लिए कह रहा है। गलती निचले मामले और ऊपरी मामले के पात्रों का एक छोटा अंतर था। 'लिनेडश ’और D लाइनडैश’
ईशान
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.