ওল 3-তে ড্যাশযুক্ত রেখা?


13

আমি জানি লাইন ড্যাশ ওএল 3 কাজ করছে না (ওপেনলায়ার্স 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]
গ্যাবর ফারকাস

@ গ্যাবরফার্কাস: হাই আমি ইতিমধ্যে উভয় চেষ্টা করেছিলাম কিন্তু এটি কাজ করছে না
han

উত্তর:


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


ভাল লাইভ উদাহরণ তবে আপনি উত্তরটিতে বর্ণনা করতে পারেন যে ড্যাশযুক্ত রেখাগুলি পাওয়ার জন্য আপনি কী করেছিলেন?
ম্যাপার্জ

1
আপনার সমস্ত উত্তরের জন্য ধন্যবাদ। আমি ভুল পেয়েছি। আমি সবাই যা করতে বলছি একই কাজটি করছি। ভুলটি ছিল লোয়ার কেস এবং বড় হাতের অক্ষরের একটি ছোট পার্থক্য। 'Linedash' এবং 'LineDash'
ঈশান
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.