Estoy tratando de crear un código que dibuje una línea desde el punto a hasta el punto b usando la biblioteca de líneas guía. https://github.com/anseki/leader-line
Parece que la sección a la que necesito hacer referencia está en Métodos
self = line.show([showEffectName[, animOptions]]) donde showEffectName: 'draw' y animOptions: {duration: 500, timing: [0.58, 0, 0.42, 1]}
Aquí hay un ejemplo que se muestra usando un botón para mostrar/ocultar la línea
var line = new LeaderLine(startElement, endElement, {hide: true}); showButton.addEventListener('click', function() { line.show(); }, false); hideButton.addEventListener('click', function() { line.hide(); }, false);¿Cómo implemento el código self= en el botón? Ni siquiera estoy seguro de lo que se supone que significa self=. El siguiente código no funciona.
var line = new LeaderLine(startElement, endElement, {hide: true}); line.show() = line.show({showEffectName:'draw'}, {animOptions: {duration: 3000, timing: 'linear'}}); startElement.addEventListener('click', function() { line.show(); });Aquí está lo que estás buscando
line.show('draw', { animOptions: { duration: 3000, timing: [0.5, 0, 1, 0.42] } })Y ahora puedes llamar a esto en cualquier función.
button.addEventListener('click', function() { line.show('draw', { animOptions: { duration: 3000, timing: [0.5, 0, 1, 0.42] } }) });Su código no funciona porque solo tiene que poner el valor como se muestra a continuación.
var line = new LeaderLine(startElement, endElement, {hide: true}); startElement.addEventListener("click", function () { line.show("draw", {duration: 3000, timing: 'linear'}); });