Increases rendering speed, optimizes svg drawing. Fixes some bugs when

moving handles really quickly. Fixes bugs when adjusting rows.

Author: angusforbes

index.html

@@ -136,19 +136,23 @@
 
 
 // 1. create Words and Links objects (in utils.js) */
-var wordObjs = createTestWords(12, 5, 11);
+var wordObjs = createTestWords(13, 5, 11);
 //var wordObjs = [];
 //wordObjs.push(new Word("aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa", 0));
 //wordObjs.push(new Word("bbbbbbbbbbbbbbbbbbbbbbbbbb", 1));
 
 
-//var linkObjs = createTestLinks(0, 0, 0); 
-var linkObjs = createTestLinks(3, 3, 3); 
+//var linkObjs = createTestLinks(1,1,0); 
+var linkObjs = createTestLinks(4,4,4); 
+
 
 // 2. draw words and boxes around words
 drawWords(wordObjs);
 
 // 3. draw each of the links
+var hidePercentage = 3;
+var hidePercentage2 = 7;
+
 drawLinks(linkObjs);
 
 var prevWidth = svgWidth;

js/annotate.js

@@ -31,9 +31,53 @@ class Link {
           this.te = types.LINK;
         }       
 
+        this.arrow1Style; 
+        this.arrow2Style;
+
+        this.arrow1 = null;
+        this.arrow2 = null;
+        
+        if (this.direction == directions.FORWARD) {
+          this.arrow1Style = new ArrowStyle(0, -3, circleArrowPath, new FillStyle('#000000', 1.0));
+          this.arrow2Style = new ArrowStyle(0, -1, downArrowPath, new FillStyle('#000000', 1.0));
+;
+        } else if (this.direction == directions.BACKWARD) {
+          this.arrow1Style = new ArrowStyle(0, -1, downArrowPath, new FillStyle('#000000', 1.0)); 
+          this.arrow2Style = new ArrowStyle(0, -3, circleArrowPath, new FillStyle('#000000', 1.0));
+        } else if (this.direction == directions.BOTH) {
+          this.arrow1Style = new ArrowStyle(0, -1, downArrowPath, new FillStyle('#000000', 1.0)); 
+          this.arrow2Style = new ArrowStyle(0, -1, downArrowPath, new FillStyle('#000000', 1.0)); 
+        } else { //NONE
+          this.arrow1Style = new ArrowStyle(0, -3, circleArrowPath, new FillStyle('#000000', 1.0));
+          this.arrow2Style = new ArrowStyle(0, -3, circleArrowPath, new FillStyle('#000000', 1.0));
+        }
+
+        
         this.x1percent = 0.0;
         this.x2percent = 0.0;
 
+
+        this.needsUpdate = true;
+
+        this.numLineSegments = 0;
+        this.polylines = [];
+        this.polylineSVGs = []; //null;
+        this.labels = [];
+        this.labelRectSVGs = [];
+        this.labelTextSVGs = [];
+       
+        //this.polyline = null;
+        //this.polylineSVG = null;
+        this.label = null;
+        this.labelRectSVG = null;
+        this.labelTextSVG = null;
+       //this.arrow1SVG = null;
+        //this.arrow2SVG = null;
+
+  
+
+
+
         //this.rootMinWord
         //this.rootMaxWord
 
@@ -121,6 +165,8 @@ class Word {
 
 
         //used for calculating positions during drag
+        //this.needsUpdate = true;
+     
         this.tempX = 0.0;
         this.tempW = 0.0;
         this.tempY = 0.0;