Merge pull request puxiao#6 from xsstomy/patch-1

puxiao · web-flow · commit b3dac03a3747 · 2023-02-15T20:03:23.000+08:00
Update 04 添加一些自适应.md
diff --git a/04 添加一些自适应.md b/04 添加一些自适应.md
@@ -95,7 +95,7 @@ const HelloThreejs: React.FC = () => {
 
 #### 目前存在的问题：
 
-可以观察到 canvase 是被硬生生由原本的 高150、像素 宽 300 像素给硬生生拉伸成 100%。
+可以观察到 canvas 是被硬生生由原本的 高150、像素 宽 300 像素给硬生生拉伸成 100%。
 
 所以立方体出现了 扭曲、模糊、锯齿。
 
@@ -107,14 +107,14 @@ const HelloThreejs: React.FC = () => {
 
 #### 第4处修改：
 
-修改 src/components/hello-threejs/index.stx 中 render 函数的代码，让镜头宽高比跟随着 canvase 宽高比，确保立方体不变形。
+修改 src/components/hello-threejs/index.stx 中 render 函数的代码，让镜头宽高比跟随着 canvas 宽高比，确保立方体不变形。
 
 ```diff
 ...
     const render = (time: number) => {
         time = time * 0.001
        
-+       const canvas = renderer.domElement //获取 canvase
++       const canvas = renderer.domElement //获取 canvas
 +       camera.aspect = canvas.clientWidth / canvas.clientHeight //设置镜头宽高比
 +       camera.updateProjectionMatrix() //通知镜头更新视椎(视野)
 
@@ -138,7 +138,7 @@ const HelloThreejs: React.FC = () => {
     const render = (time: number) => {
         time = time * 0.001
        
-        const canvas = renderer.domElement //获取 canvase
+        const canvas = renderer.domElement //获取 canvas
         camera.aspect = canvas.clientWidth / canvas.clientHeight //设置镜头宽高比
         camera.updateProjectionMatrix() //通知镜头更新视椎(视野)
 
@@ -531,4 +531,4 @@ https://github.com/mdn/translated-content/pull/817
 
 那么接下来，会系统学习一下 Three.js 的一些基础理论。
 
-**大楼究竟能改多高，取决于地基有多深，加油！**
+**大楼究竟能改多高，取决于地基有多深，加油！**
