Skip to content

Commit

Permalink
[ru]: fix MacroLiveSampleError on docs/Web/API/Canvas_API/Tutorial/Co…
Browse files Browse the repository at this point in the history
…mpositing (mdn#12578)
  • Loading branch information
leon-win committed Nov 14, 2023
1 parent 0293285 commit 12c68dc
Showing 1 changed file with 1 addition and 3 deletions.
4 changes: 1 addition & 3 deletions files/ru/web/api/canvas_api/tutorial/compositing/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -16,8 +16,6 @@ slug: Web/API/Canvas_API/Tutorial/Compositing

См. [примеры компоновки](/ru/docs/Web/API/Canvas_API/Tutorial/Compositing/Example) кода из следующих примеров.

{{ EmbedLiveSample("Compositing_example", "100%", 6750, "" ,"Web/API/Canvas_API/Tutorial/Compositing/Example" )}}

## Обрезка контуров

![](canvas_clipping_path.png)Отсечённый контур похож на обычную форму холста, но он действует как маска, чтобы скрыть нежелательные части фигур. Это визуализируется на изображении справа. Форма красной звезды - наша отправочная дорожка. Все, что выходит за пределы этого пути, не будет нарисовано на холсте.
Expand Down Expand Up @@ -99,6 +97,6 @@ draw();

Все, что нарисовано после создания отсечённого контура, появится только внутри этого пути. Вы можете видеть это чётко в линейном градиенте, который нарисован далее. После этого набирается набор из 50 случайно расположенных и масштабированных звёзд, используя `drawStar()`. Снова звезды появляются только в пределах определённого обтравочного контура.

{{EmbedLiveSample("A_clip_example", "180", "180", "canvas_clip.png")}}
{{EmbedLiveSample("Пример_обрезки", 180, 190, "canvas_clip.png")}}

{{PreviousNext("Web/API/Canvas_API/Tutorial/Transformations", "Web/API/Canvas_API/Tutorial/Basic_animations")}}

0 comments on commit 12c68dc

Please sign in to comment.