2025-summer/team-3
12
Fork 0
Code Issues Pull requests Projects Releases Activity

fix arrow rendering with new line width

Browse source
This commit is contained in:
Laura Klünder 2017-08-06 17:14:55 +02:00
parent 822e3ed819
commit 7830d8da5b
1 changed files with 4 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/c3nav/editor/static/editor/js/editor.js
View file

@ -402,7 +402,7 @@ editor = {
for(var i=0;i<editor._arrow_colors.length;i++) { for(var i=0;i<editor._arrow_colors.length;i++) {
var color = editor._arrow_colors[i]; var color = editor._arrow_colors[i];
defs = editor.map.options.renderer._container.querySelector('defs'); defs = editor.map.options.renderer._container.querySelector('defs');
defs.insertAdjacentHTML('beforeend', '<marker id="graph-edge-arrow-'+String(i)+'" markerWidth="4" markerHeight="4" refX="4.7" refY="2" orient="auto"><path d="M0,0 L3,2 L0,4 L0,0" fill="'+color+'"></path></marker>'); defs.insertAdjacentHTML('beforeend', '<marker id="graph-edge-arrow-'+String(i)+'" markerWidth="2" markerHeight="3" refX="3.5" refY="1.5" orient="auto"><path d="M0,0 L2,1.5 L0,3 L0,0" fill="'+color+'"></path></marker>');
} }
} }
@ -429,8 +429,8 @@ editor = {
layer.setStyle({weight: weight}); layer.setStyle({weight: weight});
} }
if (layer.feature.properties.type === 'graphedge') { if (layer.feature.properties.type === 'graphedge') {
var start_pos = 0.4, var start_pos = 0.1,
end_pos = layer.length-0.4, end_pos = layer.length-0.1,
color_index = editor._arrow_colors.indexOf(layer._path.getAttribute('stroke')); color_index = editor._arrow_colors.indexOf(layer._path.getAttribute('stroke'));
other = (editor._graph_edges_to[layer.feature.properties.from_node] !== undefined) ? editor._graph_edges_to[layer.feature.properties.from_node][layer.feature.properties.to_node] : undefined; other = (editor._graph_edges_to[layer.feature.properties.from_node] !== undefined) ? editor._graph_edges_to[layer.feature.properties.from_node][layer.feature.properties.to_node] : undefined;
if (color_index === -1) { if (color_index === -1) {
@ -441,7 +441,7 @@ editor = {
start_pos = layer.length/2-0.01; start_pos = layer.length/2-0.01;
} }
if (other === undefined || layer._path.getAttribute('stroke') !== other._path.getAttribute('stroke')) { if (other === undefined || layer._path.getAttribute('stroke') !== other._path.getAttribute('stroke')) {
end_pos = layer.length-1; end_pos = layer.length-0.3;
layer._path.setAttribute('marker-end', 'url(#graph-edge-arrow-'+String(color_index)+')'); layer._path.setAttribute('marker-end', 'url(#graph-edge-arrow-'+String(color_index)+')');
} }
layer.setStyle({ layer.setStyle({