dy/connection-line

Connector line DOM element (NOT MAINTAINED)

Normcore js

connection-line's Issues

It's not working

is there a demo page?

I would very much like to see demo page, codepen or even a gif showing this in action before I'll spend time downloading this and configuring on my project...

test.html file doesn't even work..

makes sense no?

svg-line-curved

https://github.com/hughsk/svg-line-curved

empty svg path

heya, i've tried passing in hardcoded numbers, and also css selectors to "from" and "to" in the config object, but always get a path in the svg without any coords!

let imgSelector = 'img.' + target.getAttribute('data-word'),
    spanSelector = 'span.' + target.getAttribute('data-word');
let connector = new ConnectionLine({
  from: imgSelector,
  to: spanSelector
});

console.log(imgSelector,spanSelector); // all good
this.lines.nativeElement.appendChild(connector.element); // this works too, i see the new element in the DOM

any ideas? thanks!

It's not working

	<div id="a" style="width: 10px; height: 10px; background: green; position: absolute; right: 0; top: 0;">a</div>
	<div id="b" style="width: 10px; height: 10px; background: green; position: absolute; left: 0; top: 0;">b</div>

	<connection-line from="#a" to="#b"></connection-line>
	<connection-line from="0,0" to="100,100"></connection-line>

<script>
import Connector from 'connection-line'

export default {
	name: 'Mock',
	components: {
		'connection-line' : Connector
	}
}
</script>

Use it with Angular2+ and Webpack

Hi,

Is there a way to use the tag in my angular templates ?
Or even use it as a typescript code in the components ?

I don't want to migrate the project from webpack to browserify because I'm not even sure it will works.

Thanks.