更新

components/canvas-drag/canvas-drag.js

@@ -0,0 +1,83 @@
+const defaultOptions = {
+    selector: '#canvas-drag'
+};
+
+function CanvasDrag(options = {}) {
+    options = {
+        ...defaultOptions,
+        ...options,
+    };
+
+    const pages = getCurrentPages();
+    const ctx = pages[pages.length - 1];
+
+  const canvasDrag = ctx.selectComponent(options.selector);
+    delete options.selector;
+
+  return canvasDrag;
+}
+
+CanvasDrag.export = () => {
+  const canvasDrag = CanvasDrag();
+  if (!canvasDrag) {
+        console.error('请设置组件的id="canvas-drag"!!!');
+    } else {
+    return CanvasDrag().export();
+    }
+};
+
+CanvasDrag.initByArr = (arr) => {
+    const canvasDrag = CanvasDrag();
+    if (!canvasDrag) {
+        console.error('请设置组件的id="canvas-drag"!!!');
+    } else {
+        return CanvasDrag().initByArr(arr);
+    }
+};
+
+CanvasDrag.exportJson = () => {
+    const canvasDrag = CanvasDrag();
+    if (!canvasDrag) {
+        console.error('请设置组件的id="canvas-drag"!!!');
+    } else {
+        return CanvasDrag().exportJson();
+    }
+};
+
+CanvasDrag.changFontColor = (color) => {
+    const canvasDrag = CanvasDrag();
+    if (!canvasDrag) {
+        console.error('请设置组件的id="canvas-drag"!!!');
+    } else {
+        return CanvasDrag().changColor(color);
+    }
+};
+
+CanvasDrag.changeBgColor = (color) => {
+    const canvasDrag = CanvasDrag();
+    if (!canvasDrag) {
+        console.error('请设置组件的id="canvas-drag"!!!');
+    } else {
+        return CanvasDrag().changeBgColor(color);
+    }
+};
+
+CanvasDrag.changeBgImage = (bgImage) => {
+    const canvasDrag = CanvasDrag();
+    if (!canvasDrag) {
+        console.error('请设置组件的id="canvas-drag"!!!');
+    } else {
+        return CanvasDrag().changeBgImage(bgImage);
+    }
+};
+
+CanvasDrag.clearCanvas = () => {
+  const canvasDrag = CanvasDrag();
+  if (!canvasDrag) {
+    console.error('请设置组件的id="canvas-drag"!!!');
+  } else {
+    return CanvasDrag().clearCanvas();
+  }
+};
+
+export default CanvasDrag;