В настоящее время я работаю над построителем потоковой диаграммы, который использует библиотеку MXGraph.Было бы неплохо иметь возможность нарисовать линию при наведении на край вершины.Точно так же, как у Lucidchart: https://www.lucidchart.com, но я понятия не имею, как его построить.
Я возился с mxConnectionHandler, но это нарисует линию при наведении на центр вершины.Это не совсем то, что я хочу.Вот код для моей настройки MXGraph:
function main(graphContainer, toolbarContainer, formatbarContainer) {
if (!mxClient.isBrowserSupported()) {
mxUtils.error('Browser is not supported!', 200, false);
}
else {
mxEvent.disableContextMenu(graphContainer);
let doc = mxUtils.createXmlDocument();
let editor = new mxEditor();
let model = new mxGraphModel();
let graph = new mxGraph(graphContainer, model);
let keyHandler = new mxKeyHandler(graph);
editor.graph = graph;
graph.setCellsEditable(false);
graph.setCellsDisconnectable(false);
graph.setHtmlLabels(true);
graph.setConnectable(true);
graph.edgeLabelsMovable = false;
mxConstants.WORD_WRAP = 'break-word';
graphFunctions.addCustomShapes(graph);
createToolbar(toolbarContainer, editor, model, keyHandler);
createFormatbar(formatbarContainer, editor, model);
createRubberband(graph);
}
};
Было бы неплохо, если бы кто-то мог помочь мне в пути, чтобы добиться этого.