Как изменить форму и z-индекс наложения в cytoscape.js?

Question

Я хотел бы иметь накладку, которая не над этикеткой и имеет ту же форму, что и узел, на котором он включен. Как я могу расширить cytoscape.js или повторно использовать существующую функцию, чтобы сделать это?

Я попытался использовать границу для достижения этого результата, но то, что мне не нравится в этом, заключается в том, что граница входит в форму, как вы можете видеть на прикрепленном изображении.

Answer 1

Граница является штрихом в полотне. Вот как работает API в браузере, и этот API используется для создания визуализации Cy.js.

Рисование границы до тела узла с отсечением может сделать границу менее похожей на ход, но это связано с высокими расходами - неприемлемо, когда многим пользователям нужны графики высокой производительности. Полупрозрачные границы являются хорошим компромиссом эстетически и в отношении производительности.

Что касается наложения: Нет, это невозможно сделать в общем виде. Для некоторых фигур было бы достаточно нарисовать форму тела узла в качестве наложения, но с просто большим размером, но это не работает для фигур, таких как triangle.

Если бы я был вами, я бы пошел с полупрозрачной границей - по крайней мере пока. В качестве альтернативы вы можете использовать меньший оверлей, чтобы он был более плотным.

Если вы действительно хотите, я могу указать вам в сторону кода для изменения.

Редактировать: Или может быть (новый) border-z-order стиль собственности или аналогичный будет работать на вас? Если ваши узлы непрозрачны, то наличие границы позади не требует отсечения ...