From 2ef5342571404292bac53d2089dafaa79f05f510 Mon Sep 17 00:00:00 2001 From: Nico Rehwaldt Date: Wed, 6 May 2015 13:13:56 +0200 Subject: [PATCH] chore(draw): slightly adjust message flow thickness --- lib/draw/BpmnRenderer.js | 18 +++++++++++------- 1 file changed, 11 insertions(+), 7 deletions(-) diff --git a/lib/draw/BpmnRenderer.js b/lib/draw/BpmnRenderer.js index 9a9c3851..8f88c380 100644 --- a/lib/draw/BpmnRenderer.js +++ b/lib/draw/BpmnRenderer.js @@ -82,7 +82,7 @@ function BpmnRenderer(events, styles, pathMap) { }); createMarker('messageflow-start', { - element: svg.circle(6, 6, 5), + element: svg.circle(6, 6, 4), attrs: { fill: 'white', stroke: 'black' @@ -91,12 +91,13 @@ function BpmnRenderer(events, styles, pathMap) { }); createMarker('messageflow-end', { - element: svg.path('M 1 5 L 11 10 L 1 15 Z'), + element: svg.path('m 1 5 l 0 -3 l 7 3 l -7 3 z'), attrs: { fill: 'white', - stroke: 'black' + stroke: 'black', + strokeLinecap: 'butt' }, - ref: { x: 11, y: 10 } + ref: { x: 8.5, y: 5 } }); createMarker('data-association-end', { @@ -1057,6 +1058,7 @@ function BpmnRenderer(events, styles, pathMap) { 'bpmn:SequenceFlow': function(p, element) { var pathData = createPathFromConnection(element); var path = drawPath(p, pathData, { + strokeLinejoin: 'round', markerEnd: marker('sequenceflow-end') }); @@ -1083,7 +1085,8 @@ function BpmnRenderer(events, styles, pathMap) { attrs = assign({ strokeDasharray: '1,6', - strokeLinecap: 'round' + strokeLinecap: 'round', + strokeLinejoin: 'round' }, attrs || {}); // TODO(nre): style according to directed state @@ -1108,9 +1111,10 @@ function BpmnRenderer(events, styles, pathMap) { var path = drawPath(p, pathData, { markerEnd: marker('messageflow-end'), markerStart: marker('messageflow-start'), - strokeDasharray: '10', + strokeDasharray: '10, 12', strokeLinecap: 'round', - strokeWidth: 1 + strokeLinejoin: 'round', + strokeWidth: '1.5px' }); if (semantic.messageRef) {