You can use both ways set listen to Worker or Threat
ts
import{listen}from"@fcanvas/communicate"listen(self,"hello world",async(name:string)=>{console.log(\`run: hello world '\${name}'\`)
diff --git a/assets/guide_plugins_communicate.md.3c28a7e7.lean.js b/assets/guide_plugins_communicate.md.d5bc4b0c.lean.js
similarity index 100%
rename from assets/guide_plugins_communicate.md.3c28a7e7.lean.js
rename to assets/guide_plugins_communicate.md.d5bc4b0c.lean.js
diff --git a/assets/guide_plugins_worker.md.e3bae651.js b/assets/guide_plugins_worker.md.14cf7c1d.js
similarity index 97%
rename from assets/guide_plugins_worker.md.e3bae651.js
rename to assets/guide_plugins_worker.md.14cf7c1d.js
index ff3d278..03a6500 100644
--- a/assets/guide_plugins_worker.md.e3bae651.js
+++ b/assets/guide_plugins_worker.md.14cf7c1d.js
@@ -1,5 +1,5 @@
import{_ as s,o as n,c as a,b as l}from"./app.665db464.js";const F=JSON.parse('{"title":"@fcanvas/worker","description":"","frontmatter":{},"headers":[],"relativePath":"guide/plugins/worker.md","lastUpdated":1678633799000}'),p={name:"guide/plugins/worker.md"},o=l(`
To use the power of WebWorker with fCanvas you first need to create a Stage on the main thread to receive signals from Worker:
then you just create another Stage in Worker and send it to thread and use fCanvas as usual:
ts
import Worker from"./worker?worker"import{portToWorker}from"@fcanvas/worker"
@@ -36,4 +36,4 @@ import{_ as s,o as n,c as a,b as l}from"./app.665db464.js";const F=JSON.parse('{
layer.add(circle)portToThread(stage)
-
`,11),e=[o];function r(c,t,D,y,A,i){return n(),a("div",null,e)}const d=s(p,[["render",r]]);export{F as __pageData,d as default};
diff --git a/assets/guide_plugins_worker.md.e3bae651.lean.js b/assets/guide_plugins_worker.md.14cf7c1d.lean.js
similarity index 83%
rename from assets/guide_plugins_worker.md.e3bae651.lean.js
rename to assets/guide_plugins_worker.md.14cf7c1d.lean.js
index 0cb213f..3d35a6f 100644
--- a/assets/guide_plugins_worker.md.e3bae651.lean.js
+++ b/assets/guide_plugins_worker.md.14cf7c1d.lean.js
@@ -1 +1 @@
-import{_ as s,o as n,c as a,b as l}from"./app.665db464.js";const F=JSON.parse('{"title":"@fcanvas/worker","description":"","frontmatter":{},"headers":[],"relativePath":"guide/plugins/worker.md","lastUpdated":1678633799000}'),p={name:"guide/plugins/worker.md"},o=l("",11),e=[o];function r(t,c,D,y,i,A){return n(),a("div",null,e)}const d=s(p,[["render",r]]);export{F as __pageData,d as default};
+import{_ as s,o as n,c as a,b as l}from"./app.665db464.js";const F=JSON.parse('{"title":"@fcanvas/worker","description":"","frontmatter":{},"headers":[],"relativePath":"guide/plugins/worker.md","lastUpdated":1678633799000}'),p={name:"guide/plugins/worker.md"},o=l("",11),e=[o];function r(c,t,D,y,A,i){return n(),a("div",null,e)}const d=s(p,[["render",r]]);export{F as __pageData,d as default};
diff --git a/guide/essentials/Group.html b/guide/essentials/Group.html
index acb05d3..91db837 100644
--- a/guide/essentials/Group.html
+++ b/guide/essentials/Group.html
@@ -35,7 +35,7 @@
group)
1 2 3 4 5 6 7 8 9
now the position of the displayed circle will be { 100 + 10; 100 + 10 }
The landmark value of offset Shape is calculated from the position of Group
The reactive power provided with `@vue/reactivity` allows this library to minimize redraws and increase performance
WebWorker
Leverage the power of WebWorker with fcanvas. @fcanvas/worker allows you to display canvas to user while drawing on WebWorker does not block main thread