df

src/UI/eraser.js

@@ -0,0 +1,44 @@
+import PDFJSAnnotate from '../PDFJSAnnotate';
+import {
+  findAnnotationAtPoint,
+  findSVGAtPoint
+} from './utils';
+
+let _canerase = false;
+
+function handleDocumentMouseDown(e){
+  _canerase = true;
+}
+
+function handleDocumentMouseUp(e){
+  _canerase = false;
+}
+
+function handleDocumentMouseMove(e){
+  if(_canerase){
+    let target = findAnnotationAtPoint(e.clientX, e.clientY);
+    if(target){
+      console.log(target);
+      let annotationId = target.getAttribute('data-pdf-annotate-id');
+      // let nodes = document.querySelectorAll(`[data-pdf-annotate-id="${annotationId}"]`);
+      // let svg = overlay.parentNode.querySelector(config.annotationSvgQuery());
+      // let { documentId } = getMetadata(svg);
+    
+      // [...nodes].forEach((n) => {
+      //   n.parentNode.removeChild(n);
+      // });
+      
+      // PDFJSAnnotate.getStoreAdapter().deleteAnnotation(documentId, annotationId);
+    }
+  }
+}
+
+export function enableEraser(){
+  document.addEventListener('mousemove', handleDocumentMouseMove);
+  document.addEventListener('mousedown', handleDocumentMouseDown);
+  document.addEventListener('mouseup', handleDocumentMouseUp);
+}
+
+export function disableEraser(){
+  document.removeEventListener('mousemove', handleDocumentMouseMove);
+}

src/UI/index.js

@@ -1,21 +1,23 @@
-import { addEventListener, removeEventListener, fireEvent } from './event';
-import { disableEdit, enableEdit } from './edit';
-import { disablePen, enablePen, setPen } from './pen';
-import { disableArrow, enableArrow, setArrow } from './arrow';
-import { disablePoint, enablePoint } from './point';
-import { disableRect, enableRect } from './rect';
-import { disableCircle, enableCircle, setCircle, addCircle } from './circle';
-import { disableText, enableText, setText } from './text';
-import { createPage, renderPage } from './page';
-
-export default {
-  addEventListener, removeEventListener, fireEvent,
-  disableEdit, enableEdit,
-  disablePen, enablePen, setPen,
-  disablePoint, enablePoint,
-  disableRect, enableRect,
-  disableCircle, enableCircle, setCircle, addCircle,
-  disableArrow, enableArrow, setArrow,
-  disableText, enableText, setText,
-  createPage, renderPage
-};
+import { addEventListener, removeEventListener, fireEvent } from './event';
+import { disableEdit, enableEdit } from './edit';
+import { disablePen, enablePen, setPen } from './pen';
+import { enableEraser, disableEraser } from './eraser';
+import { disableArrow, enableArrow, setArrow } from './arrow';
+import { disablePoint, enablePoint } from './point';
+import { disableRect, enableRect } from './rect';
+import { disableCircle, enableCircle, setCircle, addCircle } from './circle';
+import { disableText, enableText, setText } from './text';
+import { createPage, renderPage } from './page';
+
+export default {
+  addEventListener, removeEventListener, fireEvent,
+  disableEdit, enableEdit,
+  disablePen, enablePen, setPen,
+  enableEraser, disableEraser,
+  disablePoint, enablePoint,
+  disableRect, enableRect,
+  disableCircle, enableCircle, setCircle, addCircle,
+  disableArrow, enableArrow, setArrow,
+  disableText, enableText, setText,
+  createPage, renderPage
+};