Update rect.js (#510)

Author: hellomipl

src/UI/edit.js

@@ -186,7 +186,7 @@ function handleDocumentMousedown(e) {
   let target = document.querySelector(`[data-pdf-annotate-id="${annotationId}"]`);
   let type = target.getAttribute('data-pdf-annotate-type');
 
-  if (type === 'highlight' || type === 'strikeout') { return; }
+  if (type === 'highlight' || type === 'strikeout'|| type === 'strikeout1') { return; }
 
   isDragging = true;
   dragOffsetX = e.clientX;
@@ -304,7 +304,7 @@ function handleDocumentMouseup(e) {
         }
       });
     }
-    else if (type === 'strikeout') {
+    else if (type === 'strikeout' || type === 'strikeout1') {
       return;
     //   let { deltaX, deltaY } = getDelta('x1', 'y1');
     //   [...target].forEach(target, (t, i) => {

src/UI/rect.js

@@ -155,10 +155,12 @@ function saveRect(type, rects, color) {
 
   if (!color) {
     if (type === 'highlight') {
-      color = 'FFFF00';
+      color = localStorage.getItem("annotColor") ? localStorage.getItem("annotColor") : '#9fccff'; // '#FFFF00';;
     }
     else if (type === 'strikeout') {
-      color = 'FF0000';
+      color = '0066FF';
+    }else if (type === 'strikeout1') {
+      color = '0066FF';
     }
   }
 
@@ -169,8 +171,8 @@ function saveRect(type, rects, color) {
     rectangles: [...rects].map((r) => {
       let offset = 0;
 
-      if (type === 'strikeout') {
-        offset = r.height / 2;
+     if (type === 'strikeout'||type === 'strikeout1') {
+        offset = r.height;
       }
 
       return convertToSvgRect({

src/a11y/insertScreenReaderHint.js

@@ -16,6 +16,7 @@ export default function insertScreenReaderHint(annotation, num = 0) {
   switch (annotation.type) {
     case 'highlight':
     case 'strikeout':
+      case 'strikeout1':
       let rects = annotation.rectangles;
       let first = rects[0];
       let last = rects[rects.length - 1];

src/a11y/renderScreenReaderHints.js

@@ -53,6 +53,7 @@ function sortByLinePoint(a, b) {
 const SORT_TYPES = {
   'highlight': sortByRectPoint,
   'strikeout': sortByRectPoint,
+  'strikeout1': sortByRectPoint,
   'drawing': sortByLinePoint,
   'textbox': sortByPoint,
   'point': sortByPoint,

src/render/appendChild.js

@@ -125,6 +125,7 @@ export function appendChild(svg, annotation, viewport) {
       child = renderCircle(annotation);
       break;
     case 'strikeout':
+    case 'strikeout1':
       child = renderLine(annotation);
       break;
     case 'point':

src/render/renderLine.js

@@ -10,10 +10,18 @@ import normalizeColor from '../utils/normalizeColor';
  */
 export default function renderLine(a) {
   let group = document.createElementNS('http://www.w3.org/2000/svg', 'g');
-  setAttributes(group, {
-    stroke: normalizeColor(a.color || '#f00'),
-    strokeWidth: 1
-  });
+  if(a.type == 'strikeout'){
+    setAttributes(group, {
+      stroke: normalizeColor(a.color || '#f00'),
+      strokeWidth: 1
+    });
+  }else{
+    setAttributes(group, {
+      stroke: normalizeColor(a.color || '#f00'),
+      strokeWidth: "1.35",
+      "stroke-dasharray":"1.35"
+    });
+  }
 
   a.rectangles.forEach((r) => {
     let line = document.createElementNS('http://www.w3.org/2000/svg', 'line');