ওল 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.