diff --git a/docs/404.html b/docs/404.html index 2e8055b..77c9e0d 100644 --- a/docs/404.html +++ b/docs/404.html @@ -15,7 +15,7 @@
iDraw.js

Appearance

404

PAGE NOT FOUND

But if you don't change your direction, and if you keep looking, you may end up where you are heading.
Take me home
- + \ No newline at end of file diff --git a/docs/assets/en-US_api_enable-disable.md.Hq-2IrXy.js b/docs/assets/en-US_api_enable-disable.md.L0bu1cdh.js similarity index 67% rename from docs/assets/en-US_api_enable-disable.md.Hq-2IrXy.js rename to docs/assets/en-US_api_enable-disable.md.L0bu1cdh.js index 8d890b7..fc26964 100644 --- a/docs/assets/en-US_api_enable-disable.md.Hq-2IrXy.js +++ b/docs/assets/en-US_api_enable-disable.md.L0bu1cdh.js @@ -1,4 +1,4 @@ -import{_ as s,o as i,c as a,a2 as e,m as n}from"./chunks/framework.PNNbM9mo.js";const y=JSON.parse('{"title":"enable/disable","description":"","frontmatter":{},"headers":[],"relativePath":"en-US/api/enable-disable.md","filePath":"en-US/api/enable-disable.md"}'),t={name:"en-US/api/enable-disable.md"},l=e(`

enable/disable ​

Introduction ​

Arguments ​

ts
type IDrawFeature = 'ruler' | string; // TODO other features

Returns ​

N/A

Usage ​

js
import { iDraw } from 'idraw';
+import{_ as s,o as i,c as a,a2 as e,m as l}from"./chunks/framework.PNNbM9mo.js";const y=JSON.parse('{"title":"enable/disable","description":"","frontmatter":{},"headers":[],"relativePath":"en-US/api/enable-disable.md","filePath":"en-US/api/enable-disable.md"}'),n={name:"en-US/api/enable-disable.md"},t=e(`
enable/disable ​
Introduction ​
  • enable(...) Turn on a feature
  • disable(...) Turn off a feature
Arguments ​
  • {IDrawFeature} feat Feature type 
    • 'ruler': Ruler feature
    • 'scroll': Scroll feature
    • 'scale': Scale feature
    • - Other features are to be developed...
ts
type IDrawFeature = 'ruler' | 'scroll' | 'scale'; // TODO other feature
Returns ​
N/A
Usage ​
js
import { iDraw } from 'idraw';
 
 const app = document.querySelector('#app');
 const options = {
@@ -12,4 +12,4 @@ import{_ as s,o as i,c as a,a2 as e,m as n}from"./chunks/framework.PNNbM9mo.js";
 
 setTimeout(() => {
   idraw.enable('ruler');
-}, 1000);
Example ​
More Demo >>
`,12),h=n("iframe",{class:"idraw-playground-preview",src:"https://idrawjs.com/playground/?demo=api-enable&header=false&sider=false&default-editor-split=50",width:"1000",height:"480",frameborder:"no",border:"0",style:{border:"1px solid #cecece",margin:"0px auto"}},null,-1),p=[l,h];function k(r,d,o,E,c,g){return i(),a("div",null,p)}const F=s(t,[["render",k]]);export{y as __pageData,F as default};
+}, 1000);

Example ​

More Demo >>

`,12),h=l("iframe",{class:"idraw-playground-preview",src:"https://idrawjs.com/playground/?demo=api-enable&header=false&sider=false&default-editor-split=50",width:"1000",height:"480",frameborder:"no",border:"0",style:{border:"1px solid #cecece",margin:"0px auto"}},null,-1),p=[t,h];function k(r,d,o,E,c,g){return i(),a("div",null,p)}const F=s(n,[["render",k]]);export{y as __pageData,F as default}; diff --git a/docs/assets/en-US_api_enable-disable.md.Hq-2IrXy.lean.js b/docs/assets/en-US_api_enable-disable.md.L0bu1cdh.lean.js similarity index 63% rename from docs/assets/en-US_api_enable-disable.md.Hq-2IrXy.lean.js rename to docs/assets/en-US_api_enable-disable.md.L0bu1cdh.lean.js index 956b9de..658f5ce 100644 --- a/docs/assets/en-US_api_enable-disable.md.Hq-2IrXy.lean.js +++ b/docs/assets/en-US_api_enable-disable.md.L0bu1cdh.lean.js @@ -1 +1 @@ -import{_ as s,o as i,c as a,a2 as e,m as n}from"./chunks/framework.PNNbM9mo.js";const y=JSON.parse('{"title":"enable/disable","description":"","frontmatter":{},"headers":[],"relativePath":"en-US/api/enable-disable.md","filePath":"en-US/api/enable-disable.md"}'),t={name:"en-US/api/enable-disable.md"},l=e("",12),h=n("iframe",{class:"idraw-playground-preview",src:"https://idrawjs.com/playground/?demo=api-enable&header=false&sider=false&default-editor-split=50",width:"1000",height:"480",frameborder:"no",border:"0",style:{border:"1px solid #cecece",margin:"0px auto"}},null,-1),p=[l,h];function k(r,d,o,E,c,g){return i(),a("div",null,p)}const F=s(t,[["render",k]]);export{y as __pageData,F as default}; +import{_ as s,o as i,c as a,a2 as e,m as l}from"./chunks/framework.PNNbM9mo.js";const y=JSON.parse('{"title":"enable/disable","description":"","frontmatter":{},"headers":[],"relativePath":"en-US/api/enable-disable.md","filePath":"en-US/api/enable-disable.md"}'),n={name:"en-US/api/enable-disable.md"},t=e("",12),h=l("iframe",{class:"idraw-playground-preview",src:"https://idrawjs.com/playground/?demo=api-enable&header=false&sider=false&default-editor-split=50",width:"1000",height:"480",frameborder:"no",border:"0",style:{border:"1px solid #cecece",margin:"0px auto"}},null,-1),p=[t,h];function k(r,d,o,E,c,g){return i(),a("div",null,p)}const F=s(n,[["render",k]]);export{y as __pageData,F as default}; diff --git a/docs/assets/zh-CN_api_enable-disable.md.LyJ2eIfM.js b/docs/assets/zh-CN_api_enable-disable.md.MJR5EAar.js similarity index 69% rename from docs/assets/zh-CN_api_enable-disable.md.LyJ2eIfM.js rename to docs/assets/zh-CN_api_enable-disable.md.MJR5EAar.js index 34f8614..b04627d 100644 --- a/docs/assets/zh-CN_api_enable-disable.md.LyJ2eIfM.js +++ b/docs/assets/zh-CN_api_enable-disable.md.MJR5EAar.js @@ -1,4 +1,4 @@ -import{_ as s,o as i,c as a,a2 as e,m as l}from"./chunks/framework.PNNbM9mo.js";const F=JSON.parse('{"title":"enable/disable","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/api/enable-disable.md","filePath":"zh-CN/api/enable-disable.md"}'),n={name:"zh-CN/api/enable-disable.md"},t=e(`

enable/disable ​

说明 ​

参数 ​

ts
type IDrawFeature = 'ruler' | string; // TODO other feature

返回值 ​

无返回值

用法 ​

js
import { iDraw } from 'idraw';
+import{_ as s,o as i,c as a,a2 as e,m as l}from"./chunks/framework.PNNbM9mo.js";const F=JSON.parse('{"title":"enable/disable","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/api/enable-disable.md","filePath":"zh-CN/api/enable-disable.md"}'),n={name:"zh-CN/api/enable-disable.md"},h=e(`
enable/disable ​
说明 ​
  • enable(...) 开启某个功能
  • disable(...) 关闭某个功能
参数 ​
  • {IDrawFeature} feat 功能类型 
    • 'ruler': 标尺功能
    • 'scroll': 滚动条功能
    • 'scale': 缩放功能
    • - 其它功能待开发 ...
ts
type IDrawFeature = 'ruler' | 'scroll' | 'scale'; // TODO other feature
返回值 ​
无返回值
用法 ​
js
import { iDraw } from 'idraw';
 
 const app = document.querySelector('#app');
 const options = {
@@ -12,4 +12,4 @@ import{_ as s,o as i,c as a,a2 as e,m as l}from"./chunks/framework.PNNbM9mo.js";
 
 setTimeout(() => {
   idraw.enable('ruler');
-}, 1000);
示例 ​
Demo完整预览 Playground >>
`,12),h=l("iframe",{class:"idraw-playground-preview",src:"https://idrawjs.com/playground/?demo=api-enable&header=false&sider=false&default-editor-split=50",width:"1000",height:"480",frameborder:"no",border:"0",style:{border:"1px solid #cecece",margin:"0px auto"}},null,-1),p=[t,h];function k(r,d,o,E,c,g){return i(),a("div",null,p)}const u=s(n,[["render",k]]);export{F as __pageData,u as default};
+}, 1000);

示例 ​

Demo完整预览 Playground >>

`,12),t=l("iframe",{class:"idraw-playground-preview",src:"https://idrawjs.com/playground/?demo=api-enable&header=false&sider=false&default-editor-split=50",width:"1000",height:"480",frameborder:"no",border:"0",style:{border:"1px solid #cecece",margin:"0px auto"}},null,-1),p=[h,t];function k(r,d,o,E,c,g){return i(),a("div",null,p)}const u=s(n,[["render",k]]);export{F as __pageData,u as default}; diff --git a/docs/assets/zh-CN_api_enable-disable.md.LyJ2eIfM.lean.js b/docs/assets/zh-CN_api_enable-disable.md.MJR5EAar.lean.js similarity index 81% rename from docs/assets/zh-CN_api_enable-disable.md.LyJ2eIfM.lean.js rename to docs/assets/zh-CN_api_enable-disable.md.MJR5EAar.lean.js index df6f295..6742266 100644 --- a/docs/assets/zh-CN_api_enable-disable.md.LyJ2eIfM.lean.js +++ b/docs/assets/zh-CN_api_enable-disable.md.MJR5EAar.lean.js @@ -1 +1 @@ -import{_ as s,o as i,c as a,a2 as e,m as l}from"./chunks/framework.PNNbM9mo.js";const F=JSON.parse('{"title":"enable/disable","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/api/enable-disable.md","filePath":"zh-CN/api/enable-disable.md"}'),n={name:"zh-CN/api/enable-disable.md"},t=e("",12),h=l("iframe",{class:"idraw-playground-preview",src:"https://idrawjs.com/playground/?demo=api-enable&header=false&sider=false&default-editor-split=50",width:"1000",height:"480",frameborder:"no",border:"0",style:{border:"1px solid #cecece",margin:"0px auto"}},null,-1),p=[t,h];function k(r,d,o,E,c,g){return i(),a("div",null,p)}const u=s(n,[["render",k]]);export{F as __pageData,u as default}; +import{_ as s,o as i,c as a,a2 as e,m as l}from"./chunks/framework.PNNbM9mo.js";const F=JSON.parse('{"title":"enable/disable","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/api/enable-disable.md","filePath":"zh-CN/api/enable-disable.md"}'),n={name:"zh-CN/api/enable-disable.md"},h=e("",12),t=l("iframe",{class:"idraw-playground-preview",src:"https://idrawjs.com/playground/?demo=api-enable&header=false&sider=false&default-editor-split=50",width:"1000",height:"480",frameborder:"no",border:"0",style:{border:"1px solid #cecece",margin:"0px auto"}},null,-1),p=[h,t];function k(r,d,o,E,c,g){return i(),a("div",null,p)}const u=s(n,[["render",k]]);export{F as __pageData,u as default}; diff --git a/docs/en-US/api/add-element.html b/docs/en-US/api/add-element.html index 95ab9ea..19f89d8 100644 --- a/docs/en-US/api/add-element.html +++ b/docs/en-US/api/add-element.html @@ -42,7 +42,7 @@ borderColor: '#ff6032' } });

Example ​

More Demo >>

- + \ No newline at end of file diff --git a/docs/en-US/api/center-content.html b/docs/en-US/api/center-content.html index 8f7ff1b..c37564c 100644 --- a/docs/en-US/api/center-content.html +++ b/docs/en-US/api/center-content.html @@ -33,7 +33,7 @@ }); idraw.centerContent();

Example ​

More Demo

- + \ No newline at end of file diff --git a/docs/en-US/api/delete-element.html b/docs/en-US/api/delete-element.html index 8932342..a0e2f13 100644 --- a/docs/en-US/api/delete-element.html +++ b/docs/en-US/api/delete-element.html @@ -36,7 +36,7 @@ const uuid = idraw.getData().elements[0].uuid; idraw.deleteElement(uuid);

示例 ​

Example ​

More Demo >>

- + \ No newline at end of file diff --git a/docs/en-US/api/enable-disable.html b/docs/en-US/api/enable-disable.html index e958f04..e7e3bbf 100644 --- a/docs/en-US/api/enable-disable.html +++ b/docs/en-US/api/enable-disable.html @@ -12,12 +12,12 @@ - + -
iDraw.js

English

中文

English

中文

Appearance

enable/disable ​

Introduction ​

  • enable(...) Turn on a feature
  • disable(...) Turn off a feature

Arguments ​

  • {IDrawFeature} feat Feature type
    • 'ruler': Ruler feature
    • - Other features are to be developed...
ts
type IDrawFeature = 'ruler' | string; // TODO other features

Returns ​

N/A

Usage ​

js
import { iDraw } from 'idraw';
+    
iDraw.js
English
中文
English
中文
Appearance
enable/disable ​
Introduction ​
  • enable(...) Turn on a feature
  • disable(...) Turn off a feature
Arguments ​
  • {IDrawFeature} feat Feature type 
    • 'ruler': Ruler feature
    • 'scroll': Scroll feature
    • 'scale': Scale feature
    • - Other features are to be developed...
ts
type IDrawFeature = 'ruler' | 'scroll' | 'scale'; // TODO other feature
Returns ​
N/A
Usage ​
js
import { iDraw } from 'idraw';
 
 const app = document.querySelector('#app');
 const options = {
@@ -32,7 +32,7 @@
 setTimeout(() => {
   idraw.enable('ruler');
 }, 1000);
Example ​
More Demo >>

-    
+    
     
   
 
\ No newline at end of file
diff --git a/docs/en-US/api/get-data.html b/docs/en-US/api/get-data.html
index 2ce6ff7..cf5d684 100644
--- a/docs/en-US/api/get-data.html
+++ b/docs/en-US/api/get-data.html
@@ -50,7 +50,7 @@
 
 const resultData = idraw.getData();
 console.log(resultData);

Example ​

More Demo

- + \ No newline at end of file diff --git a/docs/en-US/api/move-element.html b/docs/en-US/api/move-element.html index 8d6eeb6..951a936 100644 --- a/docs/en-US/api/move-element.html +++ b/docs/en-US/api/move-element.html @@ -36,7 +36,7 @@ const uuid = idraw.getData().elements[0].uuid; idraw.moveElement(uuid, { position: [1, 2] });

Example ​

More Demo

- + \ No newline at end of file diff --git a/docs/en-US/api/resize.html b/docs/en-US/api/resize.html index 8852dec..fd2a12e 100644 --- a/docs/en-US/api/resize.html +++ b/docs/en-US/api/resize.html @@ -37,7 +37,7 @@ height: 200, devicePixelRatio: 2 });

Example ​

More Demo

- + \ No newline at end of file diff --git a/docs/en-US/api/select-element.html b/docs/en-US/api/select-element.html index 8231d2d..5ba9c20 100644 --- a/docs/en-US/api/select-element.html +++ b/docs/en-US/api/select-element.html @@ -35,7 +35,7 @@ const resultData = idraw.getData(); idraw.selectElement(resultData.elements[0].uuid);

Example ​

More Demo >>

- + \ No newline at end of file diff --git a/docs/en-US/api/set-data.html b/docs/en-US/api/set-data.html index e6b61e7..7cf536c 100644 --- a/docs/en-US/api/set-data.html +++ b/docs/en-US/api/set-data.html @@ -46,7 +46,7 @@ ] }; idraw.setData(data);

Example ​

More Demo

- + \ No newline at end of file diff --git a/docs/en-US/api/set-mode.html b/docs/en-US/api/set-mode.html index 447bafd..6817b44 100644 --- a/docs/en-US/api/set-mode.html +++ b/docs/en-US/api/set-mode.html @@ -27,7 +27,7 @@ }; const idraw = new iDraw(app, options); idraw.setMode('readOnly');

Example ​

More Demo >>

- + \ No newline at end of file diff --git a/docs/en-US/api/update-element.html b/docs/en-US/api/update-element.html index 8d03bef..e55b9e6 100644 --- a/docs/en-US/api/update-element.html +++ b/docs/en-US/api/update-element.html @@ -39,7 +39,7 @@ elem.detail.color = '#f0f0f0'; idraw.updateData(elem);

Example ​

More Demo >>

- + \ No newline at end of file diff --git a/docs/en-US/element/circle.html b/docs/en-US/element/circle.html index 0f83000..9caaffe 100644 --- a/docs/en-US/element/circle.html +++ b/docs/en-US/element/circle.html @@ -50,7 +50,7 @@ borderColor: '#3f51b5' } };

Demo Preview ​

More Demo >>

- + \ No newline at end of file diff --git a/docs/en-US/element/group.html b/docs/en-US/element/group.html index 8c2f680..1e98901 100644 --- a/docs/en-US/element/group.html +++ b/docs/en-US/element/group.html @@ -49,7 +49,7 @@ children: [] } };

Demo Preview ​

More Demo >>

- + \ No newline at end of file diff --git a/docs/en-US/element/html.html b/docs/en-US/element/html.html index d4df3ec..851c442 100644 --- a/docs/en-US/element/html.html +++ b/docs/en-US/element/html.html @@ -86,7 +86,7 @@ ` } };

Demo Preview ​

More Demo >>

- + \ No newline at end of file diff --git a/docs/en-US/element/image.html b/docs/en-US/element/image.html index 4e39916..cc57cb4 100644 --- a/docs/en-US/element/image.html +++ b/docs/en-US/element/image.html @@ -41,7 +41,7 @@ src: './image/github.png' } };

Demo Preview ​

More Demo >>

- + \ No newline at end of file diff --git a/docs/en-US/element/info.html b/docs/en-US/element/info.html index 7d13863..302335d 100644 --- a/docs/en-US/element/info.html +++ b/docs/en-US/element/info.html @@ -68,7 +68,7 @@ // Set drawing-data for rendering view idraw.setData(data);

Demo Preview ​

More Demo >>

- + \ No newline at end of file diff --git a/docs/en-US/element/path.html b/docs/en-US/element/path.html index 98a67d9..effcfd5 100644 --- a/docs/en-US/element/path.html +++ b/docs/en-US/element/path.html @@ -77,7 +77,7 @@ originW: 80 } };

Demo Preview ​

More Demo >>

- + \ No newline at end of file diff --git a/docs/en-US/element/rect.html b/docs/en-US/element/rect.html index e5b51f3..59fa8fe 100644 --- a/docs/en-US/element/rect.html +++ b/docs/en-US/element/rect.html @@ -50,7 +50,7 @@ borderColor: '#3f51b5' } };

Demo Preview ​

More Demo >>

- + \ No newline at end of file diff --git a/docs/en-US/element/svg.html b/docs/en-US/element/svg.html index 9554cc0..9b19995 100644 --- a/docs/en-US/element/svg.html +++ b/docs/en-US/element/svg.html @@ -41,7 +41,7 @@ svg: `<svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="400" height="400"><path d="M512 1013.76c-277.11488 0-501.76-224.64512-501.76-501.76S234.88512 10.24 512 10.24s501.76 224.64512 501.76 501.76-224.64512 501.76-501.76 501.76z m0-51.02592c248.9344 0 450.73408-201.79968 450.73408-450.73408 0-248.9344-201.79968-450.73408-450.73408-450.73408-248.9344 0-450.73408 201.79968-450.73408 450.73408 0 248.9344 201.79968 450.73408 450.73408 450.73408zM456.9856 637.9008l295.45984-339.94752a26.4192 26.4192 0 0 1 37.59616-2.31936 28.32896 28.32896 0 0 1 3.10784 38.8608l-307.01568 380.38016a30.72 30.72 0 0 1-42.90048 4.84864L235.44832 556.2368a32.128 32.128 0 0 1-5.74976-44.6464 32.1536 32.1536 0 0 1 44.544-6.58944l182.74304 132.90496z" fill="#1890ff"></path></svg>` } };

Demo Preview ​

More Demo >>

- + \ No newline at end of file diff --git a/docs/en-US/element/text.html b/docs/en-US/element/text.html index fc8fd18..ac0ec0e 100644 --- a/docs/en-US/element/text.html +++ b/docs/en-US/element/text.html @@ -58,7 +58,7 @@ borderColor: '#3f51b5' } };

Demo Preview ​

More Demo

- + \ No newline at end of file diff --git a/docs/en-US/guide/class-idraw.html b/docs/en-US/guide/class-idraw.html index 6b892a1..fc0dc66 100644 --- a/docs/en-US/guide/class-idraw.html +++ b/docs/en-US/guide/class-idraw.html @@ -30,7 +30,7 @@ height: number; devicePixelRatio: number; };

Options Properties ​

PropertyDescriptionTypeDefaultRequiredOthers
widthDrawing board's widthnumber-true-
heightDrawing board's heightnumber-true-
devicePixelRatioDevice pixel scalenumber1false-

Options Preivew ​

More Demo >>

- + \ No newline at end of file diff --git a/docs/en-US/guide/installation.html b/docs/en-US/guide/installation.html index ef6f729..15ee707 100644 --- a/docs/en-US/guide/installation.html +++ b/docs/en-US/guide/installation.html @@ -29,7 +29,7 @@ }); })(); </script>

Download and Self Host ​

If you want to avoid using build tools but can't use CDN in production then you can download the relevant .js file and host it using your own web server. You can include it using a <script> tag, just like with the CDN approach.

The files can be browsed and download from a CDN such as unpkg .

- + \ No newline at end of file diff --git a/docs/en-US/guide/introduction.html b/docs/en-US/guide/introduction.html index 73cd7d3..e10a450 100644 --- a/docs/en-US/guide/introduction.html +++ b/docs/en-US/guide/introduction.html @@ -47,7 +47,7 @@ devicePixelRatio: 2 }); idraw.setData(data); - + \ No newline at end of file diff --git a/docs/en-US/guide/quickstart.html b/docs/en-US/guide/quickstart.html index dddb5de..712cc13 100644 --- a/docs/en-US/guide/quickstart.html +++ b/docs/en-US/guide/quickstart.html @@ -47,7 +47,7 @@ // Setting data idraw.setData(data);

Now, we can start the tutorials for using iDraw.js. O(∩_∩)O~

- + \ No newline at end of file diff --git a/docs/en-US/index.html b/docs/en-US/index.html index d5583fa..50869ec 100644 --- a/docs/en-US/index.html +++ b/docs/en-US/index.html @@ -18,7 +18,7 @@
iDraw.js

English

中文

English

中文

Appearance

iDraw.js

Drawing easier on the web.

A simple JavaScript framework for Drawing on the web.

Quick Started
Playground
iDraw Studio

High web compatibility

All based on Canvas 2D API drawing

Extremely simple way to use

There are no complicated operations, only a few simple APIs for drawing operations

Data-Driven drawing

Rely on data to control drawing operations

- + \ No newline at end of file diff --git a/docs/en-US/sponsor.html b/docs/en-US/sponsor.html index 0655485..3a383a7 100644 --- a/docs/en-US/sponsor.html +++ b/docs/en-US/sponsor.html @@ -18,7 +18,7 @@
iDraw.js

English

中文

English

中文

Appearance

Become an iDraw.js Sponsor ​

iDraw.js is an MIT licensed open source project and completely free to use. The tremendous amount of effort needed to maintain this framework and develop new features for the project is only made sustainable thanks to the generous financial backing of our sponsors.

How to Sponsor ​

Sponsorships can be done via OpenCollective (https://opencollective.com/idrawjs). Both monthly-recurring sponsorships and one-time donations are accepted. Recurring sponsorships are entitled to logo placements as specified in Sponsorship Tiers.

- + \ No newline at end of file diff --git a/docs/hashmap.json b/docs/hashmap.json index c25b832..8d39ef2 100644 --- a/docs/hashmap.json +++ b/docs/hashmap.json @@ -1 +1 @@ -{"en-us_api_center-content.md":"HDti-yp1","en-us_api_enable-disable.md":"Hq-2IrXy","en-us_api_delete-element.md":"5FA1Myw8","en-us_api_get-data.md":"zaCOgLDU","en-us_api_add-element.md":"CSft2v_9","en-us_api_resize.md":"Us45idBF","en-us_api_select-element.md":"M70Ah2tn","en-us_api_move-element.md":"erz1dvw_","en-us_api_set-data.md":"ZwngY3kQ","en-us_api_set-mode.md":"wBD5SPSr","en-us_api_update-element.md":"-iahCtBO","en-us_element_circle.md":"9LkWREaD","en-us_element_group.md":"yL0oQCBe","en-us_element_html.md":"tsHVUPVh","en-us_element_image.md":"EjC1u2Xj","en-us_element_info.md":"xj25PwHX","en-us_element_rect.md":"jl7sqBwM","en-us_element_svg.md":"yAlcGznY","en-us_element_path.md":"Hel0-4hv","en-us_element_text.md":"9k45uKEt","en-us_guide_class-idraw.md":"NV45iEKs","en-us_guide_installation.md":"LCva9Prm","en-us_sponsor.md":"OjMNo1xz","en-us_guide_quickstart.md":"j-SOaCU1","en-us_index.md":"WN7UD5Qv","index.md":"bWcwn8Hi","en-us_guide_introduction.md":"oAtGMDCn","zh-cn_api_add-element.md":"cWrK0KKU","zh-cn_api_center-content.md":"6gCUd5A0","zh-cn_api_enable-disable.md":"LyJ2eIfM","zh-cn_api_delete-element.md":"j4QWtj8O","zh-cn_api_get-data.md":"_9ZhWQCT","zh-cn_api_move-element.md":"z-cVejVv","zh-cn_api_resize.md":"aecMZXgm","zh-cn_api_select-element.md":"9SmQXMXH","zh-cn_api_set-data.md":"j0eTmWAp","zh-cn_api_set-mode.md":"UDWKcg3E","zh-cn_api_update-element.md":"r7FOtd7Z","zh-cn_element_group.md":"5flfEW0e","zh-cn_element_circle.md":"TXgGQoDH","zh-cn_element_image.md":"a7TjGV-j","zh-cn_element_html.md":"_O0oTlOn","zh-cn_element_info.md":"AultvWeM","zh-cn_element_svg.md":"ga__SCBc","zh-cn_element_path.md":"J3z6LwN_","zh-cn_element_rect.md":"IuhJ9ne4","zh-cn_guide_introduction.md":"L_K3kExR","zh-cn_index.md":"wdqaL4HK","zh-cn_guide_quickstart.md":"JlXf8dNq","zh-cn_guide_class-idraw.md":"1BC1Vc1m","zh-cn_guide_installation.md":"Z0pJQFTS","zh-cn_element_text.md":"Mlt5U0l-","zh-cn_sponsor.md":"w_7AgKx0"} +{"en-us_api_delete-element.md":"5FA1Myw8","en-us_api_add-element.md":"CSft2v_9","en-us_api_enable-disable.md":"L0bu1cdh","en-us_api_center-content.md":"HDti-yp1","en-us_api_get-data.md":"zaCOgLDU","en-us_api_move-element.md":"erz1dvw_","en-us_api_resize.md":"Us45idBF","en-us_api_select-element.md":"M70Ah2tn","en-us_api_set-data.md":"ZwngY3kQ","en-us_api_set-mode.md":"wBD5SPSr","en-us_api_update-element.md":"-iahCtBO","en-us_element_group.md":"yL0oQCBe","en-us_element_circle.md":"9LkWREaD","en-us_element_html.md":"tsHVUPVh","en-us_element_info.md":"xj25PwHX","en-us_element_image.md":"EjC1u2Xj","en-us_element_rect.md":"jl7sqBwM","en-us_element_path.md":"Hel0-4hv","en-us_element_svg.md":"yAlcGznY","en-us_guide_class-idraw.md":"NV45iEKs","en-us_element_text.md":"9k45uKEt","en-us_guide_installation.md":"LCva9Prm","en-us_guide_introduction.md":"oAtGMDCn","index.md":"bWcwn8Hi","en-us_sponsor.md":"OjMNo1xz","en-us_index.md":"WN7UD5Qv","en-us_guide_quickstart.md":"j-SOaCU1","zh-cn_api_add-element.md":"cWrK0KKU","zh-cn_api_center-content.md":"6gCUd5A0","zh-cn_api_delete-element.md":"j4QWtj8O","zh-cn_api_resize.md":"aecMZXgm","zh-cn_api_move-element.md":"z-cVejVv","zh-cn_api_enable-disable.md":"MJR5EAar","zh-cn_api_get-data.md":"_9ZhWQCT","zh-cn_api_select-element.md":"9SmQXMXH","zh-cn_api_update-element.md":"r7FOtd7Z","zh-cn_api_set-mode.md":"UDWKcg3E","zh-cn_api_set-data.md":"j0eTmWAp","zh-cn_sponsor.md":"w_7AgKx0","zh-cn_guide_introduction.md":"L_K3kExR","zh-cn_element_group.md":"5flfEW0e","zh-cn_element_circle.md":"TXgGQoDH","zh-cn_element_path.md":"J3z6LwN_","zh-cn_element_text.md":"Mlt5U0l-","zh-cn_element_html.md":"_O0oTlOn","zh-cn_index.md":"wdqaL4HK","zh-cn_guide_class-idraw.md":"1BC1Vc1m","zh-cn_guide_installation.md":"Z0pJQFTS","zh-cn_element_info.md":"AultvWeM","zh-cn_element_image.md":"a7TjGV-j","zh-cn_element_rect.md":"IuhJ9ne4","zh-cn_element_svg.md":"ga__SCBc","zh-cn_guide_quickstart.md":"JlXf8dNq"} diff --git a/docs/index.html b/docs/index.html index 4e548e1..f107538 100644 --- a/docs/index.html +++ b/docs/index.html @@ -18,7 +18,7 @@
iDraw.js

Appearance

iDraw.js

Drawing easier on the web.

A simple JavaScript framework for Drawing on the web.

Quick Started
中文文档
iDraw Studio

High web compatibility

All based on Canvas 2D API drawing

Extremely simple way to use

There are no complicated operations, only a few simple APIs for drawing operations

Data-Driven drawing

Rely on data to control drawing operations

- + \ No newline at end of file diff --git a/docs/zh-CN/api/add-element.html b/docs/zh-CN/api/add-element.html index cd59c61..bbb8809 100644 --- a/docs/zh-CN/api/add-element.html +++ b/docs/zh-CN/api/add-element.html @@ -42,7 +42,7 @@ borderColor: '#ff6032' } });

示例 ​

Demo完整预览 Playground >>

- + \ No newline at end of file diff --git a/docs/zh-CN/api/center-content.html b/docs/zh-CN/api/center-content.html index 1e8cbc4..8aa769c 100644 --- a/docs/zh-CN/api/center-content.html +++ b/docs/zh-CN/api/center-content.html @@ -33,7 +33,7 @@ }); idraw.centerContent();

示例 ​

Demo完整预览 Playground >>

- + \ No newline at end of file diff --git a/docs/zh-CN/api/delete-element.html b/docs/zh-CN/api/delete-element.html index 72ced7e..e2cdaa3 100644 --- a/docs/zh-CN/api/delete-element.html +++ b/docs/zh-CN/api/delete-element.html @@ -36,7 +36,7 @@ const uuid = idraw.getData().elements[0].uuid; idraw.deleteElement(uuid);

示例 ​

Demo完整预览 Playground >>

- + \ No newline at end of file diff --git a/docs/zh-CN/api/enable-disable.html b/docs/zh-CN/api/enable-disable.html index 9921a58..4445f4d 100644 --- a/docs/zh-CN/api/enable-disable.html +++ b/docs/zh-CN/api/enable-disable.html @@ -12,12 +12,12 @@ - + -
iDraw.js

中文

English

中文

English

Appearance

enable/disable ​

说明 ​

  • enable(...) 开启某个功能
  • disable(...) 关闭某个功能

参数 ​

  • {IDrawFeature} feat 功能类型
    • 'ruler': 标尺功能
    • - 其它功能待开发 ...
ts
type IDrawFeature = 'ruler' | string; // TODO other feature

返回值 ​

无返回值

用法 ​

js
import { iDraw } from 'idraw';
+    
iDraw.js
中文
English
中文
English
Appearance
enable/disable ​
说明 ​
  • enable(...) 开启某个功能
  • disable(...) 关闭某个功能
参数 ​
  • {IDrawFeature} feat 功能类型 
    • 'ruler': 标尺功能
    • 'scroll': 滚动条功能
    • 'scale': 缩放功能
    • - 其它功能待开发 ...
ts
type IDrawFeature = 'ruler' | 'scroll' | 'scale'; // TODO other feature
返回值 ​
无返回值
用法 ​
js
import { iDraw } from 'idraw';
 
 const app = document.querySelector('#app');
 const options = {
@@ -32,7 +32,7 @@
 setTimeout(() => {
   idraw.enable('ruler');
 }, 1000);
示例 ​
Demo完整预览 Playground >>

-    
+    
     
   
 
\ No newline at end of file
diff --git a/docs/zh-CN/api/get-data.html b/docs/zh-CN/api/get-data.html
index 0e36647..a214d07 100644
--- a/docs/zh-CN/api/get-data.html
+++ b/docs/zh-CN/api/get-data.html
@@ -50,7 +50,7 @@
 
 const resultData = idraw.getData();
 console.log(resultData);

示例 ​

Demo完整预览 Playground >>

- + \ No newline at end of file diff --git a/docs/zh-CN/api/move-element.html b/docs/zh-CN/api/move-element.html index 4e801bc..2a75768 100644 --- a/docs/zh-CN/api/move-element.html +++ b/docs/zh-CN/api/move-element.html @@ -36,7 +36,7 @@ const uuid = idraw.getData().elements[0].uuid; idraw.moveElement(uuid, { position: [1, 2] });

示例 ​

Demo完整预览 Playground >>

- + \ No newline at end of file diff --git a/docs/zh-CN/api/resize.html b/docs/zh-CN/api/resize.html index 378dc3b..1219da5 100644 --- a/docs/zh-CN/api/resize.html +++ b/docs/zh-CN/api/resize.html @@ -37,7 +37,7 @@ height: 200, devicePixelRatio: 2 });

示例 ​

Demo完整预览 Playground >>

- + \ No newline at end of file diff --git a/docs/zh-CN/api/select-element.html b/docs/zh-CN/api/select-element.html index 84f5957..b48c71a 100644 --- a/docs/zh-CN/api/select-element.html +++ b/docs/zh-CN/api/select-element.html @@ -35,7 +35,7 @@ const resultData = idraw.getData(); idraw.selectElement(resultData.elements[0].uuid);

示例 ​

Demo完整预览 Playground >>

- + \ No newline at end of file diff --git a/docs/zh-CN/api/set-data.html b/docs/zh-CN/api/set-data.html index f62b85f..2f0abd9 100644 --- a/docs/zh-CN/api/set-data.html +++ b/docs/zh-CN/api/set-data.html @@ -46,7 +46,7 @@ ] }; idraw.setData(data);

示例 ​

Demo完整预览 Playground >>

- + \ No newline at end of file diff --git a/docs/zh-CN/api/set-mode.html b/docs/zh-CN/api/set-mode.html index c1175c3..9654f00 100644 --- a/docs/zh-CN/api/set-mode.html +++ b/docs/zh-CN/api/set-mode.html @@ -27,7 +27,7 @@ }; const idraw = new iDraw(app, options); idraw.setMode('readOnly');

示例 ​

Demo完整预览 Playground >>

- + \ No newline at end of file diff --git a/docs/zh-CN/api/update-element.html b/docs/zh-CN/api/update-element.html index dfb88aa..51b0c72 100644 --- a/docs/zh-CN/api/update-element.html +++ b/docs/zh-CN/api/update-element.html @@ -39,7 +39,7 @@ elem.detail.color = '#f0f0f0'; idraw.updateData(elem);

示例 ​

Demo完整预览 Playground >>

- + \ No newline at end of file diff --git a/docs/zh-CN/element/circle.html b/docs/zh-CN/element/circle.html index bb92375..6b0f83e 100644 --- a/docs/zh-CN/element/circle.html +++ b/docs/zh-CN/element/circle.html @@ -50,7 +50,7 @@ borderColor: '#3f51b5' } };

效果预览 ​

Demo完整预览 Playground >>

- + \ No newline at end of file diff --git a/docs/zh-CN/element/group.html b/docs/zh-CN/element/group.html index 38d4de1..8ba0e66 100644 --- a/docs/zh-CN/element/group.html +++ b/docs/zh-CN/element/group.html @@ -49,7 +49,7 @@ children: [] } };

效果预览 ​

Demo完整预览 Playground >>

- + \ No newline at end of file diff --git a/docs/zh-CN/element/html.html b/docs/zh-CN/element/html.html index 70b69db..175ca93 100644 --- a/docs/zh-CN/element/html.html +++ b/docs/zh-CN/element/html.html @@ -86,7 +86,7 @@ ` } };

效果预览 ​

Demo完整预览 Playground >>

- + \ No newline at end of file diff --git a/docs/zh-CN/element/image.html b/docs/zh-CN/element/image.html index a4d5887..309617f 100644 --- a/docs/zh-CN/element/image.html +++ b/docs/zh-CN/element/image.html @@ -41,7 +41,7 @@ src: './image/github.png' } };

效果预览 ​

Demo完整预览 Playground >>

- + \ No newline at end of file diff --git a/docs/zh-CN/element/info.html b/docs/zh-CN/element/info.html index 39fde43..fb82b7c 100644 --- a/docs/zh-CN/element/info.html +++ b/docs/zh-CN/element/info.html @@ -69,7 +69,7 @@ // 设置元素数据，渲染画图内容 idraw.setData(data);

示例预览 ​

Demo 完整预览 Playground >>

- + \ No newline at end of file diff --git a/docs/zh-CN/element/path.html b/docs/zh-CN/element/path.html index 4214935..3b486db 100644 --- a/docs/zh-CN/element/path.html +++ b/docs/zh-CN/element/path.html @@ -77,7 +77,7 @@ originW: 80 } };

效果预览 ​

Demo完整预览 Playground >>

- + \ No newline at end of file diff --git a/docs/zh-CN/element/rect.html b/docs/zh-CN/element/rect.html index 820d647..26f7697 100644 --- a/docs/zh-CN/element/rect.html +++ b/docs/zh-CN/element/rect.html @@ -50,7 +50,7 @@ borderColor: '#3f51b5' } };

效果预览 ​

Demo完整预览 Playground >>

- + \ No newline at end of file diff --git a/docs/zh-CN/element/svg.html b/docs/zh-CN/element/svg.html index a534192..4e8a530 100644 --- a/docs/zh-CN/element/svg.html +++ b/docs/zh-CN/element/svg.html @@ -41,7 +41,7 @@ svg: `<svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="400" height="400"><path d="M512 1013.76c-277.11488 0-501.76-224.64512-501.76-501.76S234.88512 10.24 512 10.24s501.76 224.64512 501.76 501.76-224.64512 501.76-501.76 501.76z m0-51.02592c248.9344 0 450.73408-201.79968 450.73408-450.73408 0-248.9344-201.79968-450.73408-450.73408-450.73408-248.9344 0-450.73408 201.79968-450.73408 450.73408 0 248.9344 201.79968 450.73408 450.73408 450.73408zM456.9856 637.9008l295.45984-339.94752a26.4192 26.4192 0 0 1 37.59616-2.31936 28.32896 28.32896 0 0 1 3.10784 38.8608l-307.01568 380.38016a30.72 30.72 0 0 1-42.90048 4.84864L235.44832 556.2368a32.128 32.128 0 0 1-5.74976-44.6464 32.1536 32.1536 0 0 1 44.544-6.58944l182.74304 132.90496z" fill="#1890ff"></path></svg>` } };

效果预览 ​

Demo完整预览 Playground >>

- + \ No newline at end of file diff --git a/docs/zh-CN/element/text.html b/docs/zh-CN/element/text.html index b250cb0..1c2e12c 100644 --- a/docs/zh-CN/element/text.html +++ b/docs/zh-CN/element/text.html @@ -59,7 +59,7 @@ borderColor: '#3f51b5' } };

效果预览 ​

Demo完整预览 Playground >>

- + \ No newline at end of file diff --git a/docs/zh-CN/guide/class-idraw.html b/docs/zh-CN/guide/class-idraw.html index 39ff44d..7428ff6 100644 --- a/docs/zh-CN/guide/class-idraw.html +++ b/docs/zh-CN/guide/class-idraw.html @@ -30,7 +30,7 @@ height: number; devicePixelRatio: number; };

Options 属性 ​

属性说明类型默认值是否必填备注
width画板宽度number-true-
height画板高度number-true-
devicePixelRatio设备像素比例number1false-

Options 效果预览 ​

Demo完整预览 Playground >>

- + \ No newline at end of file diff --git a/docs/zh-CN/guide/installation.html b/docs/zh-CN/guide/installation.html index 3f8ade7..8f37a28 100644 --- a/docs/zh-CN/guide/installation.html +++ b/docs/zh-CN/guide/installation.html @@ -29,7 +29,7 @@ }); })(); </script>

WARNING

不建议用 unpkg.com 站点的CDN资源的放在生产环境

自托管JavaScript文件 ​

如果不想使用构建工具，同时无法直接使用 CDN方式 调用，那么可以将相关的 .js 文件下载到项目本地或者服务器上托管。最后通过 <script> 方式引用，使用方法跟 CDN 的方式类似。

具体的 JavaScript文件 可以从 unpkg 这里下载最新的 iDraw.js 文件。

- + \ No newline at end of file diff --git a/docs/zh-CN/guide/introduction.html b/docs/zh-CN/guide/introduction.html index 1aea28d..7c9286e 100644 --- a/docs/zh-CN/guide/introduction.html +++ b/docs/zh-CN/guide/introduction.html @@ -47,7 +47,7 @@ devicePixelRatio: 2 }); idraw.setData(data); - + \ No newline at end of file diff --git a/docs/zh-CN/guide/quickstart.html b/docs/zh-CN/guide/quickstart.html index f4e0614..01110ba 100644 --- a/docs/zh-CN/guide/quickstart.html +++ b/docs/zh-CN/guide/quickstart.html @@ -47,7 +47,7 @@ // 设置数据 idraw.setData(data);

至此，小伙伴们就可以愉快的开启 iDraw.js 的画图之旅啦！O(∩_∩)O~

- + \ No newline at end of file diff --git a/docs/zh-CN/index.html b/docs/zh-CN/index.html index 064926a..e536a38 100644 --- a/docs/zh-CN/index.html +++ b/docs/zh-CN/index.html @@ -18,7 +18,7 @@
iDraw.js

中文

English

中文

English

Appearance

iDraw.js

让Web绘图更加简单.

一个面向Web绘图的JavaScript框架

快速开始
演示
产品 iDraw Studio

高兼容性

目前基于Canvas 2D API实现，能适应绝大部分主流浏览器。

用法简单

没有复杂的使用方式，只有简单的几个API来操作Web绘图。

数据驱动绘制

依赖数据来驱动图画的绘制

- + \ No newline at end of file diff --git a/docs/zh-CN/sponsor.html b/docs/zh-CN/sponsor.html index 8726ffb..7e6000a 100644 --- a/docs/zh-CN/sponsor.html +++ b/docs/zh-CN/sponsor.html @@ -18,7 +18,7 @@
iDraw.js

中文

English

中文

English

Appearance

Become an iDraw.js Sponsor ​

iDraw.js is an MIT licensed open source project and completely free to use. The tremendous amount of effort needed to maintain this framework and develop new features for the project is only made sustainable thanks to the generous financial backing of our sponsors.

How to Sponsor ​

Sponsorships can be done via OpenCollective (https://opencollective.com/idrawjs). Both monthly-recurring sponsorships and one-time donations are accepted. Recurring sponsorships are entitled to logo placements as specified in Sponsorship Tiers.

- + \ No newline at end of file