6. obfc.js: Collision Detection, Editmode and Console.log

obfc.js detects the intersection of two or more objects. Therefore, we recommend 100 px between two objects. But still, we can make a mistake in design of flow charts. In this case, editmode and console.log can help your design. [more]

Editmode: open_ruler

open_ruler is false in default config. Before prepare_SVG function you can add open_ruler=true; line in your javascript codes.

<script>
open_ruler = true;
prepare_SVG("demo");
var object1 = add_theObject(new Terminal(300, 50, 0.7, ["Start"], 20));
var object2 = add_theObject(new Process(300, 150, 1, "Test", 12));
var o_line1 = draw_theLine(new Line(object1, object2));
</script>

open_ruler = true;

prepare_SVG("demo");

var object1 = add_theObject(new Terminal(300, 50, 0.7, ["Start"], 20));

var object2 = add_theObject(new Process(300, 150, 1, "Test", 12));

var o_line1 = draw_theLine(new Line(object1, object2));

</script>

console.log

obfc.js writes additional information (green) and collision errors (red) into console of your browsers in order to solve problems easily. Press F12 in your browser and click Console tab.