From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001
From: Peter Bengtsson <mail@peterbe.com>
Date: Tue, 8 Dec 2020 14:40:17 -0500
Subject: initial commit

---
 .../zh-cn/glossary/b\303\251zier_curve/index.html" | 31 ++++++++++++++++++++++
 1 file changed, 31 insertions(+)
 create mode 100644 "files/zh-cn/glossary/b\303\251zier_curve/index.html"

(limited to 'files/zh-cn/glossary/bézier_curve/index.html')

diff --git "a/files/zh-cn/glossary/b\303\251zier_curve/index.html" "b/files/zh-cn/glossary/b\303\251zier_curve/index.html"
new file mode 100644
index 0000000000..7f12553e25
--- /dev/null
+++ "b/files/zh-cn/glossary/b\303\251zier_curve/index.html"
@@ -0,0 +1,31 @@
+---
+title: Bézier curve
+slug: Glossary/Bézier_curve
+tags:
+  - 缓动函数
+  - 贝塞尔曲线
+translation_of: Glossary/Bézier_curve
+---
+<p><strong>贝塞尔曲线</strong>是一种使用数学方法描述的曲线，被广泛用于计算机图形学和动画中，在 {{Glossary("矢量图", "vector images")}} 里，贝塞尔曲线用于定义可无限放大的光滑曲线。</p>
+
+<p>贝塞尔曲线由至少两个控制点进行描述。Web 技术中使用的是三次贝塞尔曲线，即使用四个控制点[P<sub>0</sub>, P<sub>1</sub>, P<sub>2</sub>, P<sub>3</sub>] 描述的曲线。</p>
+
+<p>在绘制曲线的过程中，需要先作两条辅助线：[P<sub>0</sub>,P<sub>1</sub> ]和[P<sub>1</sub> , P<sub>2</sub>]（译者注：下图中的绿线）；辅助线的端点沿着所在连线平滑地移动到连线的另一端；采用同样的方法在辅助线[P<sub>0</sub>,P<sub>1</sub> ]和[P<sub>1</sub> , P<sub>2</sub>]上绘制第三条辅助线（译者注：下图中的蓝线）；在第三条辅助线上将一个点从一端平滑地移向另外一端，这个点的运动轨迹就是贝塞尔曲线。下面是这个绘图过程的动态演示：</p>
+
+<p><img alt="Drawing a Bézier curve" src="https://upload.wikimedia.org/wikipedia/commons/d/db/B%C3%A9zier_3_big.gif"></p>
+
+<h2 id="了解更多">了解更多</h2>
+
+<h3 id="常识">常识</h3>
+
+<ul>
+ <li><a href="https://en.wikipedia.org/wiki/B%C3%A9zier_curve">Bézier curve on Wikipedia</a></li>
+</ul>
+
+<h3 id="学习使用贝塞尔曲线">学习使用贝塞尔曲线</h3>
+
+<ul>
+ <li><a href="/en-US/docs/Web/CSS/timing-function#The_cubic-bezier()_class_of_timing_functions">Cubic Bézier timing functions in CSS</a></li>
+ <li>{{SVGAttr("keySplines")}} SVG attribute</li>
+ <li><a href="/en-US/docs/Web/CSS/Tools/Cubic_Bezier_Generator">Cubic Bézier Generator</a></li>
+</ul>
-- 
cgit v1.2.3-54-g00ecf