Agregar más puntos de conexión a una forma (shape) en Draw.io


2 min de lectura
Agregar más puntos de conexión a una forma (shape) en Draw.io

Draw.io (o diagrams.net) es una extraordinaria herramienta de diseño y dibujo gráfico que pasó por lejos al clásico Visio de Microsoft. Esta herramienta, además de ser gratis, es completamente multi-vendor por ser 100% web (algo que con Visio no se puede) lo cual la ha convertido en la favorita de muchos quienes debemos invertir algunas horas creando diagrmas de las más diversas clases (no solo de red).

En este pequeño pero útil post, dejo un tip de como crear más puntos de conexión en una forma que por defecto trae solo una o dos.

A modo de ejemplo, voy a agregar una forma de un servidor Dell R740XD, el cual por defecto no trae ningún punto de conexión, en comparación a un clásico ícono de switch Cisco que viene con varios puntos de interconexión para tirar líneas entre ambos dibujos.

Para agregar los puntos a la forma de arriba, simplemente hay que hacer click en ella y presionar CTRL+E (Windows) o CMD+E (Mac) y en la ventana emergente, agregar las coordenadas de donde queremos que vayan los puntos, con la opción points. Solo como referencia, 0,0 es la esquina superior izquierda, 0,1 es la esquina inferior izquierda, 1,0 es la esquina superior derecha y 1,1 es la esquina inferior derecha.

En este caso he agregado las siguientes coordenadas:

Lo cual nos dará todos estos puntos de conexión:

Lo bueno, es que si agregan las mismas coordenadas a cualquier forma (shape), tendrán todos esos puntos disponibles distribuidos de forma automatica:

points=[[1,0.0],[0,1.0],[0.0,0],[1.0,1],[1,0.125],[0,0.125],[0.125,0],[0.125,1],[1,0.250],[0,0.250],[0.250,0],[0.250,1],[1,0.375],[0,0.375],[0.375,0],[0.375,1],[1,0.500],[0,0.500],[0.500,0],[0.500,1],[1,0.625],[0,0.625],[0.625,0],[0.625,1],[1,0.750],[0,0.750],[0.750,0],[0.750,1],[1,0.875],[0,0.875],[0.875,0],[0.875,1]];

Artículos Relacionados

SUBIR

🎉 Te has suscrito con éxito a NETLAYER.CL!
OK