1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
|
---
title: Кривая Безье
slug: Словарь/Bézier_curve
tags:
- Графика
- Кривая Безье
- Словарь
translation_of: Glossary/Bézier_curve
---
<p><strong>Кривая Безье</strong> — это математически описанная кривая, используемая в компьютерной графике и анимации. В {{Glossary("vector image", "vector images")}} они используются для создания плавных кривых, которые можно бесконечно сильно масштабировать.</p>
<p>Кривая описывается массивом контрольных точек, которых должно быть, как минимум, две. В веб-графике и анимациях используются кривые Безье с 4 контрольными точками 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>
<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">Кривая Безье на 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">Кубические временные функции Безье в CSS</a></li>
<li>{{SVGAttr("keySplines")}} SVG attribute</li>
<li><a href="/en-US/docs/Web/CSS/Tools/Cubic_Bezier_Generator">Генератор кубических кривых Безье</a></li>
</ul>
|
