Wednesday, 13 March 2019

javascript - Dashed lines in OL3?


I know Line dash not working OL3 (Openlayers 3) has been asked earlier but the solution proposed is not working.


My code is :


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


I tried both [4,4] and [40,40] suggested in the question linked. But it's not working.



Answer



Dashed lines can be done with:


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


I've made you an online example!


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


You can use this online "tester" to get various combinations:


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


No comments:

Post a Comment

arcpy - Changing output name when exporting data driven pages to JPG?

Is there a way to save the output JPG, changing the output file name to the page name, instead of page number? I mean changing the script fo...