diff --git a/docs/README.md b/docs/README.md
deleted file mode 100644
index 7c90cca..0000000
--- a/docs/README.md
+++ /dev/null
@@ -1,10 +0,0 @@
-# Documents
-
-## Usage
-
-- Site: https://idrawjs.github.io/
-- Repos: https://github.com/idrawjs/docs
-
-## TODO List
-
-- https://github.com/idrawjs/idraw/issues/53
\ No newline at end of file
diff --git a/examples/board/features/lib/action.js b/examples/board/features/lib/action.js
deleted file mode 100644
index f6cb461..0000000
--- a/examples/board/features/lib/action.js
+++ /dev/null
@@ -1,60 +0,0 @@
-import { getData } from "./data.js";
-import { drawData } from './draw.js';
-import { getScale } from './scale.js';
-import opts from './opts.js'
-
-function isPointInElement(board, p = {x, y}) {
- const ctx = board.getContext();
- const data = getData();
- let idx = -1;
- for (let i = data.elements.length - 1; i >= 0; i--) {
- const ele = data.elements[i];
- ctx.beginPath();
- ctx.lineTo(ele.x, ele.y);
- ctx.lineTo(ele.x + ele.w, ele.y);
- ctx.lineTo(ele.x + ele.w, ele.y + ele.h);
- ctx.lineTo(ele.x, ele.y + ele.h);
- ctx.closePath();
-
- if (ctx.isPointInPath(p.x, p.y)) {
- idx = i;
- break;
- }
- }
- return idx;
-}
-
-function moveElement(board, idx, moveX, moveY) {
- const data = getData();
- const scale = getScale() || 1;
- if (data.elements[idx]) {
- // data.elements[idx].x += (moveX * scale * opts.devicePixelRatio);
- // data.elements[idx].y += (moveY * scale * opts.devicePixelRatio);
- data.elements[idx].x += (moveX / scale);
- data.elements[idx].y += (moveY / scale);
- }
- drawData(board, idx)
-}
-
-const cursor = document.querySelector('#cursor');
-const resetCursor = document.querySelector('#reset-cursor');
-let hasInitedCursor = false;
-function doCursor(board) {
- if (hasInitedCursor === true) {
- return;
- }
- cursor.addEventListener('change', () => {
- // console.log('cursor.value = ', cursor.value);
- board.setCursor(cursor.value);
- });
- resetCursor.addEventListener('click', () => {
- board.resetCursor();
- });
- hasInitedCursor = true;
-}
-
-export {
- isPointInElement,
- moveElement,
- doCursor
-}
\ No newline at end of file
diff --git a/examples/board/features/lib/data.js b/examples/board/features/lib/data.js
deleted file mode 100644
index 6c27ea0..0000000
--- a/examples/board/features/lib/data.js
+++ /dev/null
@@ -1,60 +0,0 @@
-const data = {
- elements: [
- {
- x: 10,
- y: 10,
- w: 200,
- h: 120,
- type: "rect",
- desc: {
- color: "#f0f0f0",
- },
- },
- {
- x: 80,
- y: 80,
- w: 200,
- h: 120,
- type: "rect",
- desc: {
- color: "#cccccc",
- },
- },
- {
- x: 160,
- y: 160,
- w: 200,
- h: 120,
- type: "rect",
- desc: {
- color: "#c0c0c0",
- },
- },
- {
- x: 400 - 10,
- y: 300 - 10,
- w: 200,
- h: 100,
- type: "rect",
- desc: {
- color: "#e0e0e0",
- },
- },
- {
- x: 300 - 10,
- y: 200 - 10,
- w: 20,
- h: 20,
- type: "rect",
- desc: {
- color: "#000000",
- },
- },
- ],
-};
-
-function getData() {
- return data;
-}
-
-export { getData };
diff --git a/examples/board/features/lib/draw.js b/examples/board/features/lib/draw.js
deleted file mode 100644
index 36e6e4b..0000000
--- a/examples/board/features/lib/draw.js
+++ /dev/null
@@ -1,37 +0,0 @@
-import opts from './opts.js';
-import { getData } from './data.js';
-
-export function drawData(board, idx) {
- const ctx = board.getContext();
- const helperCtx = board.getHelperContext();
- const data = getData();
- board.clear();
- ctx.clearRect(0, 0, opts.devicePixelRatio * opts.contextWidth, opts.devicePixelRatio * opts.contextHeight);
- helperCtx.clearRect(0, 0, opts.devicePixelRatio * opts.contextWidth, opts.devicePixelRatio * opts.contextHeight);
-
- // ctx.setFillStyle('#ffffff');
- // ctx.fillRect(0, 0, opts.width, opts.height);
-
- data.elements.forEach((ele, i) => {
- ctx.setFillStyle(ele.desc.color);
- ctx.fillRect(ele.x, ele.y, ele.w, ele.h);
-
- // helperCtx.setFillStyle('#2196f3');
- // helperCtx.fillRect(ele.x, ele.y, ele.w, ele.h);
-
- if (i === idx) {
- helperCtx.beginPath();
- helperCtx.setLineDash([4, 4]);
- helperCtx.setLineWidth(2);
- helperCtx.setStrokeStyle('#2196f3');
- helperCtx.moveTo(ele.x, ele.y);
- helperCtx.lineTo(ele.x + ele.w, ele.y);
- helperCtx.lineTo(ele.x + ele.w, ele.y + ele.h);
- helperCtx.lineTo(ele.x, ele.y + ele.h);
- helperCtx.lineTo(ele.x, ele.y);
- helperCtx.stroke();
- helperCtx.closePath();
- }
- });
- board.draw();
-}
\ No newline at end of file
diff --git a/examples/board/features/lib/event.js b/examples/board/features/lib/event.js
deleted file mode 100644
index 15a8799..0000000
--- a/examples/board/features/lib/event.js
+++ /dev/null
@@ -1,44 +0,0 @@
-import { isPointInElement, moveElement } from './action.js';
-
-let selectIdx = -1;
-let prevPoint = { x: null, y: null };
-
-export function initEvent(board) {
-
- board.on('point', (p) => {
- selectIdx = isPointInElement(board, p);
- });
-
- board.on('move', (p) => {
- moveElement(board, selectIdx, p.x - prevPoint.x, p.y - prevPoint.y);
- prevPoint = p;
- });
-
- board.on('moveStart', (p) => {
- prevPoint = p;
- });
-
- board.on('moveEnd', (p) => {
- selectIdx = false;
- });
-
- board.on('scale', (num) => {
- console.log('on("scale") = ', num);
- });
-
- board.on('scrollX', (num) => {
- console.log('on("scrollX") = ', num);
- });
-
- board.on('scrollX', (num) => {
- console.log('on("scrollX") = ', num);
- });
-
- board.on('hover', (p) => {
- // console.log('hover', p);
- })
-
- board.on('doubleClick', (p) => {
- console.log('on("doubleClick")', p);
- })
-}
\ No newline at end of file
diff --git a/examples/board/features/lib/opts.js b/examples/board/features/lib/opts.js
deleted file mode 100644
index 6f62fe1..0000000
--- a/examples/board/features/lib/opts.js
+++ /dev/null
@@ -1,12 +0,0 @@
-export default {
- width: 400,
- height: 300,
- contextWidth: 600,
- contextHeight: 400,
- devicePixelRatio: 4,
- canScroll: true,
- scrollConfig: {
- lineWidth: 16,
- color: '#666666'
- }
-}
\ No newline at end of file
diff --git a/examples/board/features/lib/scale.js b/examples/board/features/lib/scale.js
deleted file mode 100644
index 9778920..0000000
--- a/examples/board/features/lib/scale.js
+++ /dev/null
@@ -1,35 +0,0 @@
-const input = document.querySelector('#scale');
-let hasInited = false;
-
-export function doScale(board, scale) {
- if (hasInited === true) return;
- if (!input) {
- return;
- }
- if (scale > 0) {
- input.value = scale;
- const screen = board.scale(scale);
- console.log('scale: screen =', screen);
- board.draw();
- }
- input.addEventListener('change', () => {
- const val = input.value * 1;
- if (val > 0) {
- const screen = board.scale(val);
- console.log('scale: screen =', screen);
- board.draw();
- }
- });
- hasInited = true;
-}
-
-export function getScale() {
- if (!input) {
- return;
- }
- let val = 1;
- if (input.value * 1 > 0) {
- val = input.value * 1;
- }
- return val;
-}
\ No newline at end of file
diff --git a/examples/board/features/lib/scroll.js b/examples/board/features/lib/scroll.js
deleted file mode 100644
index 036f448..0000000
--- a/examples/board/features/lib/scroll.js
+++ /dev/null
@@ -1,42 +0,0 @@
-const inputX = document.querySelector('#scrollX');
-const inputY = document.querySelector('#scrollY');
-let hasInited = false;
-
-export function doScroll(board, conf = {}) {
- if (hasInited === true) return;
- if (!(inputX && inputY)) {
- return;
- }
-
- if (conf.scrollX >= 0 || conf.scrollX < 0) {
- inputX.value = conf.scrollX;
- const screen = board.scrollX(conf.scrollX);
- console.log('scrollX: screen =', screen);
- board.draw();
- }
-
- if (conf.scrollY >= 0 || conf.scrollY < 0) {
- inputY.value = conf.scrollY;
- const screen = board.scrollY(conf.scrollY);
- console.log('scrollY: screen =', screen);
- board.draw();
- }
-
- inputX.addEventListener('change', () => {
- const val = inputX.value * 1;
- if (val >= 0 || val < 0) {
- const screen = board.scrollX(val);
- console.log('scrollX: screen =', screen);
- board.draw();
- }
- });
- inputY.addEventListener('change', () => {
- const val = inputY.value * 1;
- if (val >= 0 || val < 0) {
- const screen = board.scrollY(val);
- console.log('scrollY: screen =', screen);
- board.draw();
- }
- });
- hasInited = true;
-}
\ No newline at end of file
diff --git a/examples/board/features/main.html b/examples/board/features/main.html
deleted file mode 100644
index d89578c..0000000
--- a/examples/board/features/main.html
+++ /dev/null
@@ -1,71 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
- scale
-
-
-
- scrollX
-
-
-
- scrollY
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/examples/board/features/main.js b/examples/board/features/main.js
deleted file mode 100644
index 438e891..0000000
--- a/examples/board/features/main.js
+++ /dev/null
@@ -1,43 +0,0 @@
-import opts from './lib/opts.js';
-import { drawData } from './lib/draw.js';
-import { doScale } from './lib/scale.js';
-import { doScroll } from './lib/scroll.js';
-import { initEvent } from './lib/event.js';
-import { doCursor } from './lib/action.js';
-
-const Board = window.iDrawBoard;
-
-const mount = document.querySelector('#mount');
-const board = new Board(mount, opts);
-
-const conf = {
- scale: 1
- // scrollX: 100,
- // scrollY: 200,
-};
-
-// const conf = {
-// scale: 2,
-// scrollX: -200,
-// scrollY: -100,
-// };
-
-drawData(board);
-
-initEvent(board);
-doScale(board, conf.scale);
-doScroll(board, conf);
-doCursor(board);
-
-console.log(
- 'pointScreenToContext = ',
- board.pointScreenToContext({ x: 400, y: 300 })
-);
-
-console.log(
- 'pointContextToScreen = ',
- board.pointContextToScreen({ x: 300, y: 200 })
-);
-
-// board.scale(2);
-// board.draw();
diff --git a/examples/board/features/parent.html b/examples/board/features/parent.html
deleted file mode 100644
index 3562972..0000000
--- a/examples/board/features/parent.html
+++ /dev/null
@@ -1,22 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/examples/board/features/top.html b/examples/board/features/top.html
deleted file mode 100644
index e3d6767..0000000
--- a/examples/board/features/top.html
+++ /dev/null
@@ -1,22 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/examples/board/test/event.html b/examples/board/test/event.html
deleted file mode 100644
index 1cc2f00..0000000
--- a/examples/board/test/event.html
+++ /dev/null
@@ -1,217 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/examples/board/test/main.html b/examples/board/test/main.html
deleted file mode 100644
index cef4d94..0000000
--- a/examples/board/test/main.html
+++ /dev/null
@@ -1,131 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/examples/board/test/scale.html b/examples/board/test/scale.html
deleted file mode 100644
index 8664ba8..0000000
--- a/examples/board/test/scale.html
+++ /dev/null
@@ -1,218 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
Scale 2 to 1 and Scroll
-
-
-
-
Scale 0.5 and Console result
-
-
-
-
Scroll by scrollX/scrollY
-
-
-
- Hello World!
-
-
-
- Hello World!
-
- `,
- },
- },
-
- {
- name: "html-001",
- x: 200,
- y: 120,
- w: 240,
- h: 240,
- type: "html",
- angle: 0,
- desc: {
- width: 120,
- height: 80,
- html: `
-
-
-
-
-
-
-
-
-
-
- ${ele.name || 'Unnamed'}
- Up
- Down
- Lock
- Invisible
-
- `);
- }
- dom.innerHTML = items.join('');
-}
-
-function listenElements(core) {
-
- dom.addEventListener('click', (e) => {
- if (!e.path[0]) {
- return;
- }
- const el = e.path[0];
- if (el.hasAttribute('data-elem-name')) {
- const uuid = el.getAttribute('data-elem-name');
- core.selectElement(uuid);
- } else if (el.hasAttribute('data-elem-btn-up')) {
- const uuid = el.getAttribute('data-elem-btn-up');
- core.moveUpElement(uuid);
- renderElemens(core);
- } else if (el.hasAttribute('data-elem-btn-down')) {
- const uuid = el.getAttribute('data-elem-btn-down');
- core.moveDownElement(uuid);
- renderElemens(core);
- } else if (el.hasAttribute('data-elem-btn-lock')) {
- const uuid = el.getAttribute('data-elem-btn-lock');
- const elem = core.getElement(uuid);
- if (!elem.operation) {
- elem.operation = {};
- }
- elem.operation.lock = !elem.operation.lock;
- core.updateElement(elem);
- renderElemens(core);
- } else if (el.hasAttribute('data-elem-btn-invisible')) {
- const uuid = el.getAttribute('data-elem-btn-invisible');
- const elem = core.getElement(uuid);
- if (!elem.operation) {
- elem.operation = {};
- }
- elem.operation.invisible = !elem.operation.invisible;
- core.updateElement(elem);
- renderElemens(core);
- }
- }, true);
-
-}
-
diff --git a/examples/core/features/lib/main.js b/examples/core/features/lib/main.js
deleted file mode 100644
index 121c477..0000000
--- a/examples/core/features/lib/main.js
+++ /dev/null
@@ -1,95 +0,0 @@
-import { getData } from './data/index.js';
-import { doScale } from './scale.js';
-import { doScroll } from './scroll.js';
-import { doElemens } from './element.js';
-
-const { Core } = window.iDrawCore;
-const data = getData();
-const mount = document.querySelector('#mount');
-
-const defaultConf = {
- // scale: 1.5,
- // scrollLeft: 100,
- // scrollTop: 50,
-
- scale: 0,
- scrollLeft: 0,
- scrollTop: 0,
-};
-const core = new Core(mount, {
- width: 600,
- height: 400,
- contextWidth: 600,
- contextHeight: 400,
- devicePixelRatio: 4,
- // onlyRender: true,
-}, {
- scrollWrapper: {
- use: true,
- lineWidth: 16,
- color: '#9c27b0',
- },
- elementWrapper: {
- lockColor: '#009688',
- color: '#009688',
- controllerSize: 6,
- lineWidth: 1,
- // lineDash: [12, 12],
- },
-});
-
-
-// initEvent();
-
-core.setData(data);
-
-doScale(core, defaultConf.scale);
-doScroll(core, defaultConf);
-doElemens(core);
-
-
-
-function initEvent() {
- core.on('error', (data) => {
- console.log('error: ', data);
- });
- core.on('changeData', (data) => {
- console.log('changeData: ', data);
- });
- core.on('changeScreen', (data) => {
- console.log('changeScreen: ', data);
- });
- core.on('screenSelectElement', (data) => {
- console.log('screenSelectElement: ', data);
- });
- core.on('screenClickElement', (data) => {
- console.log('screenClickElement: ', data);
- })
- core.on('mouseOverElement', (data) => {
- console.log('mouseOverElement: ', data);
- });
- core.on('mouseLeaveElement', (data) => {
- console.log('mouseLeaveElement: ', data);
- });
-
- core.on('screenMoveElementStart', (data) => {
- console.log('screenMoveElementStart: ', data);
- });
- core.on('screenMoveElementEnd', (data) => {
- console.log('screenMoveElementEnd: ', data);
- });
- core.on('screenChangeElement', (data) => {
- console.log('screenChangeElement: ', data);
- });
- core.on('screenDoubleClickElement', (p) => {
- console.log('screenDoubleClickElement ===', p)
- })
- core.on('drawFrame', () => {
- console.log(' === drawFrame === ')
- })
- core.on('drawFrameComplete', () => {
- console.log(' === drawFrameComplete === ')
- })
-
-}
-
diff --git a/examples/core/features/lib/scale.js b/examples/core/features/lib/scale.js
deleted file mode 100644
index 5be9e2b..0000000
--- a/examples/core/features/lib/scale.js
+++ /dev/null
@@ -1,27 +0,0 @@
-const input = document.querySelector('#scale');
-let hasInited = false;
-
-export function doScale(core, scale) {
- if (hasInited === true) return;
- if (!input) return;
- if (scale > 0) {
- input.value = scale;
- core.scale(scale);
- }
- input.addEventListener('change', () => {
- const val = input.value * 1;
- if (val > 0) {
- core.scale(val);
- console.log(core.getScreenTransform());
- }
- });
- hasInited = true;
-}
-
-export function getScale() {
- let val = 1;
- if (input.value * 1 > 0) {
- val = input.value * 1;
- }
- return val;
-}
\ No newline at end of file
diff --git a/examples/core/features/lib/scroll.js b/examples/core/features/lib/scroll.js
deleted file mode 100644
index 73c9942..0000000
--- a/examples/core/features/lib/scroll.js
+++ /dev/null
@@ -1,34 +0,0 @@
-const inputX = document.querySelector('#scrollLeft');
-const inputY = document.querySelector('#scrollTop');
-let hasInited = false;
-
-export function doScroll(core, conf = {}) {
- if (hasInited === true) return;
- if (!(inputY && inputX)) return;
-
- if (conf.scrollLeft >= 0) {
- inputX.value = conf.scrollLeft;
- core.scrollLeft(conf.scrollLeft);
- }
-
- if (conf.scrollTop >= 0) {
- inputY.value = conf.scrollTop;
- core.scrollTop(conf.scrollTop);
- }
-
- inputX.addEventListener('change', () => {
- const val = inputX.value * 1;
- if (val >= 0 || val < 0) {
- core.scrollLeft(val);
- console.log(core.getScreenTransform());
- }
- });
- inputY.addEventListener('change', () => {
- const val = inputY.value * 1;
- if (val >= 0 || val < 0) {
- core.scrollTop(val);
- console.log(core.getScreenTransform());
- }
- });
- hasInited = true;
-}
\ No newline at end of file
diff --git a/examples/core/features/main.html b/examples/core/features/main.html
deleted file mode 100644
index 8d5af73..0000000
--- a/examples/core/features/main.html
+++ /dev/null
@@ -1,37 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/examples/core/features/parent.html b/examples/core/features/parent.html
deleted file mode 100644
index 108b253..0000000
--- a/examples/core/features/parent.html
+++ /dev/null
@@ -1,22 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/examples/core/features/top.html b/examples/core/features/top.html
deleted file mode 100644
index 3591a33..0000000
--- a/examples/core/features/top.html
+++ /dev/null
@@ -1,22 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/examples/core/images/building-001.png b/examples/core/images/building-001.png
deleted file mode 100644
index 4b87e78..0000000
Binary files a/examples/core/images/building-001.png and /dev/null differ
diff --git a/examples/core/images/building-002.png b/examples/core/images/building-002.png
deleted file mode 100644
index c0699ff..0000000
Binary files a/examples/core/images/building-002.png and /dev/null differ
diff --git a/examples/core/images/building-003.png b/examples/core/images/building-003.png
deleted file mode 100644
index 5391f28..0000000
Binary files a/examples/core/images/building-003.png and /dev/null differ
diff --git a/examples/core/images/chart.png b/examples/core/images/chart.png
deleted file mode 100644
index 67efe1f..0000000
Binary files a/examples/core/images/chart.png and /dev/null differ
diff --git a/examples/core/images/computer.png b/examples/core/images/computer.png
deleted file mode 100644
index 01fde93..0000000
Binary files a/examples/core/images/computer.png and /dev/null differ
diff --git a/examples/core/images/phone.png b/examples/core/images/phone.png
deleted file mode 100644
index 4ffec7f..0000000
Binary files a/examples/core/images/phone.png and /dev/null differ
diff --git a/examples/core/test/api.html b/examples/core/test/api.html
deleted file mode 100644
index 70e1b6a..0000000
--- a/examples/core/test/api.html
+++ /dev/null
@@ -1,552 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
idraw.selectElementByIndex
-
-
-
-
-
-
-
idraw.moveDownElement
-
-
-
-
-
-
-
idraw.insertElementBefore
-
-
-
idraw.insertElementAfter
-
-
-
-
-
-
-
-
-
-
Element: click selected
-
-
-
-
-
-
-
exportDataURL('image/png')
-
-
-
exportDataURL('image/jpeg')
-
-
-
toDataURL('image/png')
-
-
-
toDataURL('image/jpeg')
-
-
-
-
-
- Hello World!
-
-
-
- Hello World!
-
- `,
- },
- },
-
- {
- name: "html-001",
- x: 200,
- y: 120,
- w: 240,
- h: 240,
- type: "html",
- angle: 0,
- desc: {
- width: 120,
- height: 80,
- html: `
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file