shapes.connectors.offsetNumber(default: 10)
Defines the offset applied to the connector position. The offset pushes the connector away from the shape edge by the specified number of pixels in the direction appropriate for the connector's position (e.g., upward for "top", downward for "bottom", etc.).
Example
<div id="diagram"></div>
<script>
$("#diagram").kendoDiagram({
shapes: [{
id: "1",
content: { text: "Shape with Offset Connectors" },
x: 100,
y: 100,
connectors: [{
name: "top",
offset: 25
}, {
name: "bottom",
offset: 25
}, {
name: "left",
offset: 15
}, {
name: "right",
offset: 15
}]
}, {
id: "2",
content: { text: "Target Shape" },
x: 350,
y: 100
}],
connections: [
{ from: "1", to: "2", fromConnector: "right", toConnector: "left" }
],
connectionDefaults: {
endCap: "ArrowEnd"
}
});
</script>