Merge pull request #35 from lec-org/feat-api

fix:修复渲染器大小与挂载组件大小不符的问题👌
lec-org · Nov 5, 2023 · 15bcb9d · 15bcb9d
2 parents c6c6e90 + 0d36ecf
commit 15bcb9d
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/examples/vue/src/App.vue b/examples/vue/src/App.vue
@@ -1,5 +1,5 @@
 <template>
-  <div ref="el" id="three"></div>
+  <div ref="el" id="three" style="width: 500px;height: 500px;"></div>
 </template>
 
 <script setup lang="ts">
@@ -102,6 +102,7 @@ onMounted(() => {
 
   mountCss2dTo(el.value);
   mountCss3dTo(el.value);
+
   mountTo(el.value);
 });
 </script>
diff --git a/src/scene/index.ts b/src/scene/index.ts
@@ -52,6 +52,7 @@ export const init = (params: InitParams): InitReturns => {
   // TODO：下述方法后续移入 utils 中， index 中做到尽量不额外创建函数
   // 挂载
   const mountTo = (element: HTMLElement) => {
+    renderer.setSize(element.offsetWidth,element.offsetHeight)
     element.appendChild(renderer.domElement);
   };