Dibujar rutas SVG entre dos elementos-línea de directriz

Vista prévia

Descripción

Toastinette es un plugin de notificación JavaScript muy pequeño para mostrar los mensajes del brindis inspirados en material Design en la Página Web.

Funcionamiento

Toastinette es un plugin de notificación JavaScript muy pequeño para mostrar los mensajes del brindis inspirados en material Design en la Página Web.

<script src="leader-line.min.js"></script>

Toastinette es un plugin de notificación JavaScript muy pequeño para mostrar los mensajes del brindis inspirados en material Design en la Página Web.

<div id="start">Start</div>
<div id="destination">Destination</div>

var myLine = new LeaderLine(


document.getElementById('start'),


document.getElementById('destination')
);

API methods.

/*

Names of `options`


Keys of API (properties of `newOptions`)

----------------------------------------

anchorSE







start, end

lineColor






 color

lineSize







size

socketSE







startSocket, endSocket

socketGravitySE



 startSocketGravity, endSocketGravity

plugSE








startPlug, endPlug

plugColorSE





 startPlugColor, endPlugColor

plugSizeSE






startPlugSize, endPlugSize

lineOutlineEnabled


outline

lineOutlineColor



outlineColor

lineOutlineSize



 outlineSize

plugOutlineEnabledSE

startPlugOutline, endPlugOutline

plugOutlineColorSE


startPlugOutlineColor, endPlugOutlineColor

plugOutlineSizeSE


 startPlugOutlineSize, endPlugOutlineSize

labelSEM







startLabel, endLabel, middleLabel
*/
myLine.setOptions(options)

// EffectName: none, fade, draw
// animOptions: {duration: 300, timing: 'linear'}
myLine.show(EffectName, animOptions)
myLine.hide(EffectName, animOptions)

// re-positions the line
myLine.position()

// removes the line
myLine.remove()

Registro de cambios

10/15/2018

• v1.0.4