diff --git a/index.html b/index.html new file mode 100644 index 0000000000000000000000000000000000000000..49d09155f012fb744b7b9fd2e06239e05616f43a --- /dev/null +++ b/index.html @@ -0,0 +1,17 @@ + + + + + + Nodes test + + + + + + +
+ + + + \ No newline at end of file diff --git a/main.js b/main.js new file mode 100644 index 0000000000000000000000000000000000000000..d995a3c702c655e3a49bb4c11ad9aa4ca232c721 --- /dev/null +++ b/main.js @@ -0,0 +1,49 @@ +console.clear() + +var draw = SVG('drawing').size(1024, 768) + +// Connectable items +var links = draw.group() +var markers = draw.group() +var nodes = draw.group() + +// Put vars into a nodes group and make each node draggable +var obj1 = nodes.group().draggy({minX: 0, + minY: 0, + maxX: 1024, + maxY: 768}) +var obj2 = nodes.group().draggy({minX: 0, + minY: 0, + maxX: 1024, + maxY: 768}) +var obj3 = nodes.group().draggy({minX: 0, + minY: 0, + maxX: 1024, + maxY: 768}) +var obj4 = nodes.group().draggy({minX: 0, + minY: 0, + maxX: 1024, + maxY: 768}) + + +// Draw items +obj1.svg('') +obj2.svg('') +obj3.svg('') +obj4.svg('') +// initial setup of positioning +obj1.move(10,100) +//draw.scale(0.5) +//customsvg.move(10,50) + + +var conn1 = obj1.connectable({ + container: links, + markers: markers, + }, obj2).setLineColor("#5D4037") + +// conn1.connector.stroke({width: 5 +// }).attr({ +// "stroke-dasharray": "5, 10" +// }) + diff --git a/originals/doc.svg b/originals/doc.svg new file mode 100644 index 0000000000000000000000000000000000000000..d5f9579c39eb6dedd2f5a3767ecbf22101e513b1 --- /dev/null +++ b/originals/doc.svg @@ -0,0 +1,15 @@ + + + + doc + Created with Sketch. + + + + + + + + + + \ No newline at end of file diff --git a/originals/icons_test.sketch b/originals/icons_test.sketch new file mode 100644 index 0000000000000000000000000000000000000000..da8ab8ca5d639e83a9c9d9c53119899742e42f2c Binary files /dev/null and b/originals/icons_test.sketch differ diff --git a/originals/media.svg b/originals/media.svg new file mode 100644 index 0000000000000000000000000000000000000000..523d41c24b6ae8d897a70c4bce1ce5256098e8d8 --- /dev/null +++ b/originals/media.svg @@ -0,0 +1,12 @@ + + + + media + Created with Sketch. + + + + + + + \ No newline at end of file diff --git a/originals/slides.svg b/originals/slides.svg new file mode 100644 index 0000000000000000000000000000000000000000..55cb9ddab8219e930a5b11adf81740881347f4fe --- /dev/null +++ b/originals/slides.svg @@ -0,0 +1,13 @@ + + + + slides + Created with Sketch. + + + + + + + + \ No newline at end of file