aboutsummaryrefslogtreecommitdiff
path: root/files/ru/web/api/canvasrenderingcontext2d
diff options
context:
space:
mode:
authorAlexey Istomin <webistomin@gmail.com>2021-03-20 18:37:44 +0300
committerGitHub <noreply@github.com>2021-03-20 18:37:44 +0300
commit841aae260382e2bf5ebb44d765d8c7301d27caab (patch)
tree81a92c25f6dc02e5f119131785d721db79fc3455 /files/ru/web/api/canvasrenderingcontext2d
parent730fea852ff827ca034fe17c84288c95d270ec92 (diff)
downloadtranslated-content-841aae260382e2bf5ebb44d765d8c7301d27caab.tar.gz
translated-content-841aae260382e2bf5ebb44d765d8c7301d27caab.tar.bz2
translated-content-841aae260382e2bf5ebb44d765d8c7301d27caab.zip
Restore "ё" letter in Russian translation (#239)
* docs(ru): restore ё letter * docs(ru): resolve conflicts * refactor(idea): remove ide folder
Diffstat (limited to 'files/ru/web/api/canvasrenderingcontext2d')
-rw-r--r--files/ru/web/api/canvasrenderingcontext2d/arc/index.html2
-rw-r--r--files/ru/web/api/canvasrenderingcontext2d/arcto/index.html6
-rw-r--r--files/ru/web/api/canvasrenderingcontext2d/beziercurveto/index.html2
-rw-r--r--files/ru/web/api/canvasrenderingcontext2d/clearrect/index.html2
-rw-r--r--files/ru/web/api/canvasrenderingcontext2d/closepath/index.html4
-rw-r--r--files/ru/web/api/canvasrenderingcontext2d/createlineargradient/index.html6
-rw-r--r--files/ru/web/api/canvasrenderingcontext2d/drawimage/index.html16
-rw-r--r--files/ru/web/api/canvasrenderingcontext2d/ellipse/index.html2
-rw-r--r--files/ru/web/api/canvasrenderingcontext2d/fill/index.html8
-rw-r--r--files/ru/web/api/canvasrenderingcontext2d/fillstyle/index.html4
-rw-r--r--files/ru/web/api/canvasrenderingcontext2d/filltext/index.html2
-rw-r--r--files/ru/web/api/canvasrenderingcontext2d/font/index.html2
-rw-r--r--files/ru/web/api/canvasrenderingcontext2d/getimagedata/index.html8
-rw-r--r--files/ru/web/api/canvasrenderingcontext2d/getlinedash/index.html2
-rw-r--r--files/ru/web/api/canvasrenderingcontext2d/globalalpha/index.html2
-rw-r--r--files/ru/web/api/canvasrenderingcontext2d/index.html36
-rw-r--r--files/ru/web/api/canvasrenderingcontext2d/linedashoffset/index.html6
-rw-r--r--files/ru/web/api/canvasrenderingcontext2d/linejoin/index.html2
-rw-r--r--files/ru/web/api/canvasrenderingcontext2d/lineto/index.html4
-rw-r--r--files/ru/web/api/canvasrenderingcontext2d/linewidth/index.html2
-rw-r--r--files/ru/web/api/canvasrenderingcontext2d/rect/index.html2
-rw-r--r--files/ru/web/api/canvasrenderingcontext2d/restore/index.html2
-rw-r--r--files/ru/web/api/canvasrenderingcontext2d/rotate/index.html4
-rw-r--r--files/ru/web/api/canvasrenderingcontext2d/stroke/index.html4
-rw-r--r--files/ru/web/api/canvasrenderingcontext2d/strokestyle/index.html2
-rw-r--r--files/ru/web/api/canvasrenderingcontext2d/stroketext/index.html2
-rw-r--r--files/ru/web/api/canvasrenderingcontext2d/textalign/index.html2
27 files changed, 68 insertions, 68 deletions
diff --git a/files/ru/web/api/canvasrenderingcontext2d/arc/index.html b/files/ru/web/api/canvasrenderingcontext2d/arc/index.html
index fe39629a52..0d8a97de99 100644
--- a/files/ru/web/api/canvasrenderingcontext2d/arc/index.html
+++ b/files/ru/web/api/canvasrenderingcontext2d/arc/index.html
@@ -41,7 +41,7 @@ translation_of: Web/API/CanvasRenderingContext2D/arc
<h3 id="Using_the_arc_method" name="Using_the_arc_method">Использование метода <code>arc</code></h3>
-<p>Ниже приведен пример простого кода который рисует круг.</p>
+<p>Ниже приведён пример простого кода который рисует круг.</p>
<h4 id="HTML">HTML</h4>
diff --git a/files/ru/web/api/canvasrenderingcontext2d/arcto/index.html b/files/ru/web/api/canvasrenderingcontext2d/arcto/index.html
index 3e74f3015b..d1b461f3b1 100644
--- a/files/ru/web/api/canvasrenderingcontext2d/arcto/index.html
+++ b/files/ru/web/api/canvasrenderingcontext2d/arcto/index.html
@@ -41,7 +41,7 @@ translation_of: Web/API/CanvasRenderingContext2D/arcTo
<h3 id="Как_работает_arcTo">Как работает arcTo</h3>
-<p>Один из способов понять как работает <code>arcTo()</code> - представить две прямые линии: одна идёт от начальной точки к первой контрольной точке, а вторая от этой точки до второй контрольной точки. Без <code>arcTo()</code> эти два сегмента образовали бы острый угол: <code>arcTo()</code> создает дугу между этими двумя точками и сглаживает его. Другими словами, дуга является касательной для обеих линий.</p>
+<p>Один из способов понять как работает <code>arcTo()</code> - представить две прямые линии: одна идёт от начальной точки к первой контрольной точке, а вторая от этой точки до второй контрольной точки. Без <code>arcTo()</code> эти два сегмента образовали бы острый угол: <code>arcTo()</code> создаёт дугу между этими двумя точками и сглаживает его. Другими словами, дуга является касательной для обеих линий.</p>
<h4 id="HTML">HTML</h4>
@@ -87,7 +87,7 @@ ctx.fill();</pre>
<p>{{ EmbedLiveSample('Как_работает_arcTo', 315, 165) }}</p>
-<h3 id="Создание_скругленного_угла">Создание скругленного угла</h3>
+<h3 id="Создание_скруглённого_угла">Создание скруглённого угла</h3>
<p>В этом примере создаётся скруглённый угол с использованием <code>arcTo()</code>. Это ещё один метод, который часто используется.</p>
@@ -123,7 +123,7 @@ ctx.stroke();</pre>
<h4 id="Результат_2">Результат</h4>
-<p>{{ EmbedLiveSample('Создание_скругленного_угла', 315, 165) }}</p>
+<p>{{ EmbedLiveSample('Создание_скруглённого_угла', 315, 165) }}</p>
<h3 id="Результат_с_большим_радиусом">Результат с большим радиусом</h3>
diff --git a/files/ru/web/api/canvasrenderingcontext2d/beziercurveto/index.html b/files/ru/web/api/canvasrenderingcontext2d/beziercurveto/index.html
index 635c849882..81fe31aa72 100644
--- a/files/ru/web/api/canvasrenderingcontext2d/beziercurveto/index.html
+++ b/files/ru/web/api/canvasrenderingcontext2d/beziercurveto/index.html
@@ -74,7 +74,7 @@ ctx.fillRect(150, 70, 10, 10);</pre>
<h3 id="Практическое_применение_bezierCurveTo">Практическое применение <code>bezierCurveTo</code></h3>
-<p>Вы можете редактировать код, представленный ниже, и внесенные вами изменения отобразятся на холсте в режиме реального времени:</p>
+<p>Вы можете редактировать код, представленный ниже, и внесённые вами изменения отобразятся на холсте в режиме реального времени:</p>
<div class="hidden">
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/ru/web/api/canvasrenderingcontext2d/clearrect/index.html b/files/ru/web/api/canvasrenderingcontext2d/clearrect/index.html
index 70352dbe22..cf5dea358d 100644
--- a/files/ru/web/api/canvasrenderingcontext2d/clearrect/index.html
+++ b/files/ru/web/api/canvasrenderingcontext2d/clearrect/index.html
@@ -11,7 +11,7 @@ translation_of: Web/API/CanvasRenderingContext2D/clearRect
---
<div>{{APIRef}}</div>
-<p>Метод <code><strong>CanvasRenderingContext2D</strong></code><strong><code>.clearRect()</code></strong>, предоставляемый Canvas 2D API, устанавливает прозрачный черный цвет для всех пикселей, расположенных внутри прямоугольника, заданного начальной точкой <em>(x, y)</em> и размерами <em>(width, height)</em>, таким образом стирая любое ранее нарисованное содержимое.</p>
+<p>Метод <code><strong>CanvasRenderingContext2D</strong></code><strong><code>.clearRect()</code></strong>, предоставляемый Canvas 2D API, устанавливает прозрачный чёрный цвет для всех пикселей, расположенных внутри прямоугольника, заданного начальной точкой <em>(x, y)</em> и размерами <em>(width, height)</em>, таким образом стирая любое ранее нарисованное содержимое.</p>
<h2 id="Syntax" name="Syntax">Синтаксис</h2>
diff --git a/files/ru/web/api/canvasrenderingcontext2d/closepath/index.html b/files/ru/web/api/canvasrenderingcontext2d/closepath/index.html
index 86ecbaf06d..89349a3873 100644
--- a/files/ru/web/api/canvasrenderingcontext2d/closepath/index.html
+++ b/files/ru/web/api/canvasrenderingcontext2d/closepath/index.html
@@ -50,7 +50,7 @@ ctx.stroke();
<h3 id="Закрытие_пути_один_раз">Закрытие пути один раз</h3>
-<p>Этот пример рисует смайлик, состоящий из трех не соединенных дуг (под путей).</p>
+<p>Этот пример рисует смайлик, состоящий из трёх не соединённых дуг (под путей).</p>
<div class="blockIndicator note">
<p>Хотя <code>closePath()</code> вызывается после создания всех дуг, закрывается только последняя.</p>
@@ -63,7 +63,7 @@ ctx.stroke();
<h4 id="JavaScript_2">JavaScript</h4>
-<p>Первые две дуги создают глаза, последняя создает рот.</p>
+<p>Первые две дуги создают глаза, последняя создаёт рот.</p>
<pre class="brush: js; highlight:[10]">const canvas = document.getElementById('canvas');
const ctx = canvas.getContext('2d');
diff --git a/files/ru/web/api/canvasrenderingcontext2d/createlineargradient/index.html b/files/ru/web/api/canvasrenderingcontext2d/createlineargradient/index.html
index 9337731350..25d4a915b3 100644
--- a/files/ru/web/api/canvasrenderingcontext2d/createlineargradient/index.html
+++ b/files/ru/web/api/canvasrenderingcontext2d/createlineargradient/index.html
@@ -10,7 +10,7 @@ translation_of: Web/API/CanvasRenderingContext2D/createLinearGradient
---
<div>{{APIRef}}</div>
-<p>Метод <code><strong>CanvasRenderingContext2D</strong></code><strong><code>.createLinearGradient()</code></strong>, предоставляемый Canvas 2D API, создает градиент вдоль линии, соединенной двумя точками с заданными координатами.</p>
+<p>Метод <code><strong>CanvasRenderingContext2D</strong></code><strong><code>.createLinearGradient()</code></strong>, предоставляемый Canvas 2D API, создаёт градиент вдоль линии, соединённой двумя точками с заданными координатами.</p>
<p><img alt="" src="https://mdn.mozillademos.org/files/14681/mdn-canvas-linearGradient.png" style="height: 121px; width: 264px;"></p>
@@ -44,14 +44,14 @@ translation_of: Web/API/CanvasRenderingContext2D/createLinearGradient
<dl>
<dt>{{domxref("CanvasGradient")}}</dt>
- <dd>Линейный <code>CanvasGradient</code>, определенный линией.</dd>
+ <dd>Линейный <code>CanvasGradient</code>, определённый линией.</dd>
</dl>
<h2 id="Примеры">Примеры</h2>
<h3 id="Заполнение_прямоугольника_с_линейным_градиентом">Заполнение прямоугольника с линейным градиентом</h3>
-<p>В примере создается и добавляется линейный градиент, используя метод <code>createLinearGradient()</code>. Градиент имеет три точки остановки цвета между созданными начальной и конечной точками линии.</p>
+<p>В примере создаётся и добавляется линейный градиент, используя метод <code>createLinearGradient()</code>. Градиент имеет три точки остановки цвета между созданными начальной и конечной точками линии.</p>
<h4 id="HTML">HTML</h4>
diff --git a/files/ru/web/api/canvasrenderingcontext2d/drawimage/index.html b/files/ru/web/api/canvasrenderingcontext2d/drawimage/index.html
index 8a510de988..370ecfcb57 100644
--- a/files/ru/web/api/canvasrenderingcontext2d/drawimage/index.html
+++ b/files/ru/web/api/canvasrenderingcontext2d/drawimage/index.html
@@ -28,28 +28,28 @@ void <var><em>ctx</em>.drawImage(image, sx, sy, sWidth, sHeight, dx, dy, dWidth,
<dt><code>image</code></dt>
<dd>Элемент для отображения в контексте. Функция принимает любой источник изображения, пригодный для отображения на холсте ({{domxref("CanvasImageSource")}}), конкретнее, {{domxref("CSSImageValue")}},  {{domxref("HTMLImageElement")}}, {{domxref("SVGImageElement")}}, {{domxref("HTMLVideoElement")}}, {{domxref("HTMLCanvasElement")}}, {{domxref("ImageBitmap")}} или {{domxref("OffscreenCanvas")}}.</dd>
<dt><code>dx</code></dt>
- <dd>Координата по оси Х, обозначающая стартовую точку холста-приемника, в которую будет помещен верхний левый угол исходного <code>image</code>.</dd>
+ <dd>Координата по оси Х, обозначающая стартовую точку холста-приёмника, в которую будет помещён верхний левый угол исходного <code>image</code>.</dd>
<dt><code>dy</code></dt>
- <dd>Координата по оси Y, обозначающая стартовую точку холста-приемника, в которую будет помещен верхний левый угол исходного <code>image</code>.</dd>
+ <dd>Координата по оси Y, обозначающая стартовую точку холста-приёмника, в которую будет помещён верхний левый угол исходного <code>image</code>.</dd>
<dt><code>dWidth</code></dt>
<dd>Ширина изображения, полученного из исходного <code>image</code>. Эта опция позволяет масштабировать изображение по ширине. Если опция не задана, изображение не будет масштабировано.</dd>
<dt><code>dHeight</code></dt>
<dd>Высота изображения, полученного из исходного <code>image</code>. Эта опция позволяет масштабировать изображение по высоте. Если опция не задана, изображение не будет масштабировано.</dd>
<dt><code>sx</code></dt>
- <dd>Координата по оси X верхнего левого угла фрагмента, который будет вырезан из изображения-источника и помещен в контекст-приемник.</dd>
+ <dd>Координата по оси X верхнего левого угла фрагмента, который будет вырезан из изображения-источника и помещён в контекст-приемник.</dd>
<dt><code>sy</code></dt>
- <dd>Координата по оси Y верхнего левого угла фрагмента, который будет вырезан из изображения-источника и помещен в контекст-приемник.</dd>
+ <dd>Координата по оси Y верхнего левого угла фрагмента, который будет вырезан из изображения-источника и помещён в контекст-приемник.</dd>
<dt><code>sWidth</code></dt>
- <dd>Ширина фрагмента, который будет вырезан из изображения источника и помещен в контекст-приемник. Если не задана, фрагмент от точки, заданной <code>sx</code> и <code>sy</code> до правого нижнего угла источника будет целиком скопирован в контекст-приемник.</dd>
+ <dd>Ширина фрагмента, который будет вырезан из изображения источника и помещён в контекст-приёмник. Если не задана, фрагмент от точки, заданной <code>sx</code> и <code>sy</code> до правого нижнего угла источника будет целиком скопирован в контекст-приемник.</dd>
<dt><code>sHeight</code></dt>
- <dd>Высота фрагмента, который будет вырезан из изображения источника и помещен в контекст-приемник.</dd>
+ <dd>Высота фрагмента, который будет вырезан из изображения источника и помещён в контекст-приемник.</dd>
</dl>
<h3 id="Исключения">Исключения</h3>
<dl>
<dt><code>INDEX_SIZE_ERR</code></dt>
- <dd>Выбрасывается, если ширина или высота источника или приемника равна нулю.</dd>
+ <dd>Выбрасывается, если ширина или высота источника или приёмника равна нулю.</dd>
<dt><code>INVALID_STATE_ERR</code></dt>
<dd>Источник не имеет данных изображения.</dd>
<dt><code>TYPE_MISMATCH_ERR</code></dt>
@@ -316,7 +316,7 @@ function drawImageActualSize() {
<ul>
<li><code>drawImage()</code> корректно работает с {{domxref("HTMLVideoElement")}} только в том случае, когда {{domxref("HTMLMediaElement.readyState")}}<strong> больше единицы</strong> (т.е., событие <strong>seek</strong> корректно вызывается после установки свойства <code>currentTime</code>)</li>
<li><code>drawImage()</code> будет использовать внутренний размер элемента-источника, выраженный в CSS-пикселях, при рисовании, фрагментировании или масштабировании.</li>
- <li><code>drawImage()</code> проигнорирует все EXIF-данные изображений, в том числе и <code>Orientation</code>. Такое поведение метода особенно проблематично для iOS-устройств. Вам потребуется распознать ориентацию самостоятельно и использовать <code>rotate()</code> для ее корректировки.</li>
+ <li><code>drawImage()</code> проигнорирует все EXIF-данные изображений, в том числе и <code>Orientation</code>. Такое поведение метода особенно проблематично для iOS-устройств. Вам потребуется распознать ориентацию самостоятельно и использовать <code>rotate()</code> для её корректировки.</li>
</ul>
<h2 id="См._также">См. также</h2>
diff --git a/files/ru/web/api/canvasrenderingcontext2d/ellipse/index.html b/files/ru/web/api/canvasrenderingcontext2d/ellipse/index.html
index 62fe8e6913..48c6ac8108 100644
--- a/files/ru/web/api/canvasrenderingcontext2d/ellipse/index.html
+++ b/files/ru/web/api/canvasrenderingcontext2d/ellipse/index.html
@@ -18,7 +18,7 @@ translation_of: Web/API/CanvasRenderingContext2D/ellipse
<pre class="syntaxbox notranslate">void <em>ctx</em>.ellipse(<em>x</em>, <em>y</em>, <em>radiusX</em>, <em>radiusY</em>, <em>rotation</em>, <em>startAngle</em>, <em>endAngle</em> [, <em>anticlockwise</em>]);
</pre>
-<p><code>ellipse()</code> - метод, который создает эллиптическую дугу с центром в точках <code>(x, y)</code> с радиусом <code>radiusX</code> и <code>radiusY</code>. Путь начинается от точки <code>startAngle</code> и заканчивается в точке <code>endAngle</code>, идет по направлению, казанному в параметре (по часовой стрелке или против нее) <code>anticlockwise</code> .</p>
+<p><code>ellipse()</code> - метод, который создаёт эллиптическую дугу с центром в точках <code>(x, y)</code> с радиусом <code>radiusX</code> и <code>radiusY</code>. Путь начинается от точки <code>startAngle</code> и заканчивается в точке <code>endAngle</code>, идёт по направлению, казанному в параметре (по часовой стрелке или против неё) <code>anticlockwise</code> .</p>
<h3 id="Параметры">Параметры</h3>
diff --git a/files/ru/web/api/canvasrenderingcontext2d/fill/index.html b/files/ru/web/api/canvasrenderingcontext2d/fill/index.html
index d7ec3573d8..ddc127a9ad 100644
--- a/files/ru/web/api/canvasrenderingcontext2d/fill/index.html
+++ b/files/ru/web/api/canvasrenderingcontext2d/fill/index.html
@@ -12,7 +12,7 @@ translation_of: Web/API/CanvasRenderingContext2D/fill
---
<div>{{APIRef}}</div>
-<p><code><strong>CanvasRenderingContext2D</strong></code><strong><code>.fill()</code></strong> метод Canvas 2D API заполняет текущий или заданный путём с текущим стилем заливки, используя одно из двух правил - ненулевого индекса или четно-нечетное.</p>
+<p><code><strong>CanvasRenderingContext2D</strong></code><strong><code>.fill()</code></strong> метод Canvas 2D API заполняет текущий или заданный путём с текущим стилем заливки, используя одно из двух правил - ненулевого индекса или чётно-нечетное.</p>
<h2 id="Синтаксис">Синтаксис</h2>
@@ -28,7 +28,7 @@ void <var><em>ctx</em>.fill(path[, fillRule]);</var>
Возможные значения:
<ul>
<li><code><strong>"nonzero</strong></code>": <a href="https://ru.wikipedia.org/wiki/%D0%9F%D1%80%D0%B0%D0%B2%D0%B8%D0%BB%D0%BE_%D0%BD%D0%B5%D0%BD%D1%83%D0%BB%D0%B5%D0%B2%D0%BE%D0%B3%D0%BE_%D0%B8%D0%BD%D0%B4%D0%B5%D0%BA%D1%81%D0%B0">Правило ненулевого индекса</a>, значение по умолчанию</li>
- <li><code><strong>"evenodd"</strong></code>: <a href="http://en.wikipedia.org/wiki/Even%E2%80%93odd_rule">Четно-нечетное правило</a></li>
+ <li><code><strong>"evenodd"</strong></code>: <a href="http://en.wikipedia.org/wiki/Even%E2%80%93odd_rule">Чётно-нечётное правило</a></li>
</ul>
</dd>
<dt><code>path</code></dt>
@@ -54,7 +54,7 @@ ctx.rect(10, 10, 100, 100);
ctx.fill();
</pre>
-<p>Отредактируйте приведенный ниже код и посмотрите, как обновляется ваше обновление на холсте:</p>
+<p>Отредактируйте приведённый ниже код и посмотрите, как обновляется ваше обновление на холсте:</p>
<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
@@ -116,7 +116,7 @@ window.addEventListener("load", drawCanvas);
<h2 id="Совместимость">Совместимость</h2>
-<div class="hidden">Таблица совместимости на этой странице создается из структурированных данных. Если вы хотите внести свой вклад в данные, ознакомьтесь с <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> и отправьте запрос, чтобы мы изменили данные.</div>
+<div class="hidden">Таблица совместимости на этой странице создаётся из структурированных данных. Если вы хотите внести свой вклад в данные, ознакомьтесь с <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> и отправьте запрос, чтобы мы изменили данные.</div>
<p>{{Compat("api.CanvasRenderingContext2D.fill")}}</p>
diff --git a/files/ru/web/api/canvasrenderingcontext2d/fillstyle/index.html b/files/ru/web/api/canvasrenderingcontext2d/fillstyle/index.html
index a0df2eb821..17c6172158 100644
--- a/files/ru/web/api/canvasrenderingcontext2d/fillstyle/index.html
+++ b/files/ru/web/api/canvasrenderingcontext2d/fillstyle/index.html
@@ -9,7 +9,7 @@ translation_of: Web/API/CanvasRenderingContext2D/fillStyle
---
<div>{{APIRef}}</div>
-<p>Свойство <code><strong>CanvasRenderingContext2D</strong></code><strong><code>.fillStyle</code></strong>, предоставляемое <a href="/ru/docs/Web/API/Canvas_API">Canvas 2D API</a>, задает цвет или стиль, используемый при заливке фигур. По умолчанию установлено значение <code>#000</code> (черный цвет).</p>
+<p>Свойство <code><strong>CanvasRenderingContext2D</strong></code><strong><code>.fillStyle</code></strong>, предоставляемое <a href="/ru/docs/Web/API/Canvas_API">Canvas 2D API</a>, задаёт цвет или стиль, используемый при заливке фигур. По умолчанию установлено значение <code>#000</code> (чёрный цвет).</p>
<div class="blockIndicator note">
<p>См. также главу <a href="/en-US/docs/Web/API/Canvas_API/Tutorial/Applying_styles_and_colors">Applying styles and color</a> в <a href="/en-US/docs/Web/API/Canvas_API/Tutorial">Canvas Tutorial</a>.</p>
@@ -57,7 +57,7 @@ ctx.fillRect(10, 10, 100, 100);</pre>
<h3 id="Использование_fillStyle_в_циклах_for">Использование fillStyle в циклах for</h3>
-<p>В этом примере мы используем два цикла для рисования сетки из прямоугольников, каждый из которых будет закрашен разным цветом. Получившееся изображение должно выглядеть как на скриншоте . Здесь нет ничего сложного. Мы используем две переменные <code>i</code> и <code>j</code>, чтобы создать уникальный цвет для каждого квадрата, смешивая красный и зеленый цвета. Значение синего цвета изменяться не будет. Изменяя значения цветов, вы можете создать все цвета. Увеличив количество шагов, вы сможете создать цветовую палитру, наподобие той, которая используется в Photoshop.</p>
+<p>В этом примере мы используем два цикла для рисования сетки из прямоугольников, каждый из которых будет закрашен разным цветом. Получившееся изображение должно выглядеть как на скриншоте . Здесь нет ничего сложного. Мы используем две переменные <code>i</code> и <code>j</code>, чтобы создать уникальный цвет для каждого квадрата, смешивая красный и зелёный цвета. Значение синего цвета изменяться не будет. Изменяя значения цветов, вы можете создать все цвета. Увеличив количество шагов, вы сможете создать цветовую палитру, наподобие той, которая используется в Photoshop.</p>
<div class="hidden">
<pre class="brush: html">&lt;canvas id="canvas" width="150" height="150"&gt;&lt;/canvas&gt;</pre>
diff --git a/files/ru/web/api/canvasrenderingcontext2d/filltext/index.html b/files/ru/web/api/canvasrenderingcontext2d/filltext/index.html
index ffa2b83d8c..7823142df3 100644
--- a/files/ru/web/api/canvasrenderingcontext2d/filltext/index.html
+++ b/files/ru/web/api/canvasrenderingcontext2d/filltext/index.html
@@ -5,7 +5,7 @@ translation_of: Web/API/CanvasRenderingContext2D/fillText
---
<div>{{APIRef}}</div>
-<p>Метод <code><strong>CanvasRenderingContext2D</strong></code><strong><code>.fillText(),</code></strong> предоставляемый Canvas 2D API, рисует (заливает) заданный текст в заданной позиции (<em>x, y</em>). Если указан необязательный четвертый параметр, текст будет масштабироваться в соответствии с указанной максимальной шириной.</p>
+<p>Метод <code><strong>CanvasRenderingContext2D</strong></code><strong><code>.fillText(),</code></strong> предоставляемый Canvas 2D API, рисует (заливает) заданный текст в заданной позиции (<em>x, y</em>). Если указан необязательный четвёртый параметр, текст будет масштабироваться в соответствии с указанной максимальной шириной.</p>
<p>См. также метод {{domxref("CanvasRenderingContext2D.strokeText()")}} для выполнения обводки текста.</p>
diff --git a/files/ru/web/api/canvasrenderingcontext2d/font/index.html b/files/ru/web/api/canvasrenderingcontext2d/font/index.html
index e1349eb001..572f0af5f3 100644
--- a/files/ru/web/api/canvasrenderingcontext2d/font/index.html
+++ b/files/ru/web/api/canvasrenderingcontext2d/font/index.html
@@ -27,7 +27,7 @@ translation_of: Web/API/CanvasRenderingContext2D/font
<h3 id="Использование_пользовательского_шрифта">Использование пользовательского шрифта</h3>
-<p>Этот пример задает в свойстве <code>font</code> другие <code>font-size</code> и <code>font-family</code>.</p>
+<p>Этот пример задаёт в свойстве <code>font</code> другие <code>font-size</code> и <code>font-family</code>.</p>
<h4 id="HTML">HTML</h4>
diff --git a/files/ru/web/api/canvasrenderingcontext2d/getimagedata/index.html b/files/ru/web/api/canvasrenderingcontext2d/getimagedata/index.html
index 879efff5f0..b2a236c22a 100644
--- a/files/ru/web/api/canvasrenderingcontext2d/getimagedata/index.html
+++ b/files/ru/web/api/canvasrenderingcontext2d/getimagedata/index.html
@@ -20,13 +20,13 @@ translation_of: Web/API/CanvasRenderingContext2D/getImageData
<dl>
<dt><code>sx</code></dt>
- <dd>Координата x верхнего левого угла прямоугольника, из которого будет извлечен ImageData.</dd>
+ <dd>Координата x верхнего левого угла прямоугольника, из которого будет извлечён ImageData.</dd>
<dt><code>sy</code></dt>
- <dd>Координата y верхнего левого угла прямоугольника, из которого будет извлечен ImageData.</dd>
+ <dd>Координата y верхнего левого угла прямоугольника, из которого будет извлечён ImageData.</dd>
<dt><code>sw</code></dt>
- <dd>Ширина прямоугольника, из которого будет извлечен ImageData.</dd>
+ <dd>Ширина прямоугольника, из которого будет извлечён ImageData.</dd>
<dt><code>sh</code></dt>
- <dd>Высота прямоугольника, из которого будет извлечен ImageData.</dd>
+ <dd>Высота прямоугольника, из которого будет извлечён ImageData.</dd>
</dl>
<h3 id="Возвращаемое_значение">Возвращаемое значение</h3>
diff --git a/files/ru/web/api/canvasrenderingcontext2d/getlinedash/index.html b/files/ru/web/api/canvasrenderingcontext2d/getlinedash/index.html
index ec3adafad1..59559fe3cb 100644
--- a/files/ru/web/api/canvasrenderingcontext2d/getlinedash/index.html
+++ b/files/ru/web/api/canvasrenderingcontext2d/getlinedash/index.html
@@ -13,7 +13,7 @@ translation_of: Web/API/CanvasRenderingContext2D/getLineDash
<h3 id="Возвращаемое_значение">Возвращаемое значение</h3>
-<p>{{jsxref("Array")}} (массив) чисел которые обозначают расстояния рисования линий и разрывов (в единицах пространства координат). Если число заданных элементов нечетное, то заданные элементы массива копируются и суммируются. Например, установив штрихи линии как <code>[5, 15, 25]</code> в результате мы получим <code>[5, 15, 25, 5, 15, 25]</code>.</p>
+<p>{{jsxref("Array")}} (массив) чисел которые обозначают расстояния рисования линий и разрывов (в единицах пространства координат). Если число заданных элементов нечётное, то заданные элементы массива копируются и суммируются. Например, установив штрихи линии как <code>[5, 15, 25]</code> в результате мы получим <code>[5, 15, 25, 5, 15, 25]</code>.</p>
<h2 id="Примеры">Примеры</h2>
diff --git a/files/ru/web/api/canvasrenderingcontext2d/globalalpha/index.html b/files/ru/web/api/canvasrenderingcontext2d/globalalpha/index.html
index f9ec551915..f2a0e38c0e 100644
--- a/files/ru/web/api/canvasrenderingcontext2d/globalalpha/index.html
+++ b/files/ru/web/api/canvasrenderingcontext2d/globalalpha/index.html
@@ -62,7 +62,7 @@ ctx.fillRect(50, 50, 100, 100);
<h3 id="Наложение_прозрачных_фигур">Наложение прозрачных фигур</h3>
-<p>Этот пример демонстрирует эффект наложения нескольких прозрачных фигур друг на друга. Мы начнем с отрисовки непрозрачного фона, состоящего из четырех разноцветных квадратов. Далее мы устанавливаем свойство <code>globalAlpha</code> равное <code>0.2</code> (20% прозрачности); Уровень прозрачности будет применен ко всем прозрачным фигурам. Затем мы используем цикл <code>for</code> для отрисовки нескольких кругов с увеличивающимися радиусами.</p>
+<p>Этот пример демонстрирует эффект наложения нескольких прозрачных фигур друг на друга. Мы начнём с отрисовки непрозрачного фона, состоящего из четырёх разноцветных квадратов. Далее мы устанавливаем свойство <code>globalAlpha</code> равное <code>0.2</code> (20% прозрачности); Уровень прозрачности будет применён ко всем прозрачным фигурам. Затем мы используем цикл <code>for</code> для отрисовки нескольких кругов с увеличивающимися радиусами.</p>
<p>Для каждого нового круга прозрачность кругов, находящихся под ним,  уменьшается. Если вы увеличите количество шагов, тем самым увеличив количество кругов, фон в конечном итоге полностью исчезнет в центре изображения.</p>
diff --git a/files/ru/web/api/canvasrenderingcontext2d/index.html b/files/ru/web/api/canvasrenderingcontext2d/index.html
index ba7e559918..149f72ee66 100644
--- a/files/ru/web/api/canvasrenderingcontext2d/index.html
+++ b/files/ru/web/api/canvasrenderingcontext2d/index.html
@@ -37,7 +37,7 @@ ctx.fillRect(10, 10, 55, 50);
<dl>
<dt>{{domxref("CanvasRenderingContext2D.clearRect()")}}</dt>
- <dd>Для всех пикселей, находящихся внутри прямоугольника, определенного начальной точкой <em>(x, y)</em> и размерами <em>(ширина, высота),</em> устанавливает черный прозрачный цвет, стирая любое ранее нарисованное содержимое.</dd>
+ <dd>Для всех пикселей, находящихся внутри прямоугольника, определённого начальной точкой <em>(x, y)</em> и размерами <em>(ширина, высота),</em> устанавливает чёрный прозрачный цвет, стирая любое ранее нарисованное содержимое.</dd>
<dt>{{domxref("CanvasRenderingContext2D.fillRect()")}}</dt>
<dd>Рисует залитый прямоугольник в позиции <em>(x, y)</em>, размеры которого определяются шириной <em>width</em> и высотой <em>height</em>.</dd>
<dt>{{domxref("CanvasRenderingContext2D.strokeRect()")}}</dt>
@@ -71,7 +71,7 @@ ctx.fillRect(10, 10, 55, 50);
<dt>{{domxref("CanvasRenderingContext2D.miterLimit")}}</dt>
<dd>Ограничение длины сопряжений. По умолчанию <code>10</code>.</dd>
<dt>{{domxref("CanvasRenderingContext2D.getLineDash()")}}</dt>
- <dd>Возвращает текущий паттерн штриховой линии, который представляет собой массив, состоящий из четного количества неотрицательных чисел.</dd>
+ <dd>Возвращает текущий паттерн штриховой линии, который представляет собой массив, состоящий из чётного количества неотрицательных чисел.</dd>
<dt>{{domxref("CanvasRenderingContext2D.setLineDash()")}}</dt>
<dd>Устанавливает текущий паттерн штриховой линии.</dd>
<dt>{{domxref("CanvasRenderingContext2D.lineDashOffset")}}</dt>
@@ -99,20 +99,20 @@ ctx.fillRect(10, 10, 55, 50);
<dl>
<dt>{{domxref("CanvasRenderingContext2D.fillStyle")}}</dt>
- <dd>Цвет или стиль применяемый внутри форм. По умолчанию #000 (черный).</dd>
+ <dd>Цвет или стиль применяемый внутри форм. По умолчанию #000 (чёрный).</dd>
<dt>{{domxref("CanvasRenderingContext2D.strokeStyle")}}</dt>
- <dd>Цвет или стиль , применяемый к линиям вокруг формы. По умолчанию #000 (черный).</dd>
+ <dd>Цвет или стиль , применяемый к линиям вокруг формы. По умолчанию #000 (чёрный).</dd>
</dl>
<h2 id="Градиенты_и_шаблоны">Градиенты и шаблоны</h2>
<dl>
<dt>{{domxref("CanvasRenderingContext2D.createLinearGradient()")}}</dt>
- <dd>Создает линейный градиент вдоль линии, задаваемой координатами, передаваемыми в параметры метода.</dd>
+ <dd>Создаёт линейный градиент вдоль линии, задаваемой координатами, передаваемыми в параметры метода.</dd>
<dt>{{domxref("CanvasRenderingContext2D.createRadialGradient()")}}</dt>
- <dd>Создает радиальный градиент, задаваемый координатами двух окружностей, передаваемыми в параметры метода.</dd>
+ <dd>Создаёт радиальный градиент, задаваемый координатами двух окружностей, передаваемыми в параметры метода.</dd>
<dt>{{domxref("CanvasRenderingContext2D.createPattern()")}}</dt>
- <dd>Создает шаблон, используя указанное изображение ({{domxref("CanvasImageSource")}}). Он повторяет исходное изображение в направлениях, указанных во втором аргументе. Этот метод возвращает {{domxref("CanvasPattern")}}.</dd>
+ <dd>Создаёт шаблон, используя указанное изображение ({{domxref("CanvasImageSource")}}). Он повторяет исходное изображение в направлениях, указанных во втором аргументе. Этот метод возвращает {{domxref("CanvasPattern")}}.</dd>
</dl>
<h2 id="Тени">Тени</h2>
@@ -134,7 +134,7 @@ ctx.fillRect(10, 10, 55, 50);
<dl>
<dt>{{domxref("CanvasRenderingContext2D.beginPath()")}}</dt>
- <dd>Создает новый пустой контур, обнуляя список фрагментов контура. Вызовите этот метод, когда захотите создать новый контур.</dd>
+ <dd>Создаёт новый пустой контур, обнуляя список фрагментов контура. Вызовите этот метод, когда захотите создать новый контур.</dd>
<dt>{{domxref("CanvasRenderingContext2D.closePath()")}}</dt>
<dd>Перемещает точку рисования назад к началу текущего фрагмента контура. Этот метод пытается провести прямую линию от текущей точки до начальной. Если форма уже закрыта или имеет только одну точку, метод ничего не делает.</dd>
<dt>{{domxref("CanvasRenderingContext2D.moveTo()")}}</dt>
@@ -152,7 +152,7 @@ ctx.fillRect(10, 10, 55, 50);
<dt>{{domxref("CanvasRenderingContext2D.ellipse()")}} {{experimental_inline}}</dt>
<dd>Добавляет к контуру эллипс, с центром в точке <em>(x, y)</em>, заданный радиусами <em>radiusX</em> и <em>radiusY</em>, имеющий угол начала <em>startAngle</em> и конца <em>endAngle</em>, рисующийся в направлении, заданном в аргументе <em>anticlockwise</em> (по умолчанию - по часовой стрелке).</dd>
<dt>{{domxref("CanvasRenderingContext2D.rect()")}}</dt>
- <dd>Создает контур прямоугольника с началом в точке <em>(x, y)</em>, и размерами, заданными шириной <em>width</em> и высотой <em>height</em>.</dd>
+ <dd>Создаёт контур прямоугольника с началом в точке <em>(x, y)</em>, и размерами, заданными шириной <em>width</em> и высотой <em>height</em>.</dd>
</dl>
<h2 id="Рисование_контуров">Рисование контуров</h2>
@@ -167,7 +167,7 @@ ctx.fillRect(10, 10, 55, 50);
<dt>{{domxref("CanvasRenderingContext2D.scrollPathIntoView()")}}</dt>
<dd>Прокручивает текущий или заданный контур в видимую область окна браузера.</dd>
<dt>{{domxref("CanvasRenderingContext2D.clip()")}}</dt>
- <dd>Создает область отсечения из текущих фрагментов контура. Все что рисуется после вызова метода <code>clip()</code> применяется только внутри области отсечения. Пример использования см. в разделе <a href="/en-US/docs/Web/API/Canvas_API/Tutorial/Compositing" title="Clipping paths">Области отсечения</a> руководства по Canvas.</dd>
+ <dd>Создаёт область отсечения из текущих фрагментов контура. Все что рисуется после вызова метода <code>clip()</code> применяется только внутри области отсечения. Пример использования см. в разделе <a href="/en-US/docs/Web/API/Canvas_API/Tutorial/Compositing" title="Clipping paths">Области отсечения</a> руководства по Canvas.</dd>
<dt>{{domxref("CanvasRenderingContext2D.isPointInPath()")}}</dt>
<dd>Позволяет узнать, содержится ли указанная точка в текущем контуре.</dd>
<dt>{{domxref("CanvasRenderingContext2D.isPointInStroke()")}}</dt>
@@ -201,7 +201,7 @@ ctx.fillRect(10, 10, 55, 50);
<dt>{{domxref("CanvasRenderingContext2D.globalAlpha")}}</dt>
<dd>Значение альфа-канала, применяемое к формам и изображениям, прежде чем они накладываются на холст. Значение по умолчанию <code>1.0</code> (полностью непрозрачный).</dd>
<dt>{{domxref("CanvasRenderingContext2D.globalCompositeOperation")}}</dt>
- <dd>Совместно с примененным <code>globalAlpha</code> это свойство определяет как формы и изображения накладываются на существующее изображение.</dd>
+ <dd>Совместно с применённым <code>globalAlpha</code> это свойство определяет как формы и изображения накладываются на существующее изображение.</dd>
</dl>
<h2 id="Рисование_изображений">Рисование изображений</h2>
@@ -217,7 +217,7 @@ ctx.fillRect(10, 10, 55, 50);
<dl>
<dt>{{domxref("CanvasRenderingContext2D.createImageData()")}}</dt>
- <dd>Создает новый пустой объект {{domxref("ImageData")}} с заданными размерами. Цвет всех пикселов в новом объекте устанавливается в прозрачный черный.</dd>
+ <dd>Создаёт новый пустой объект {{domxref("ImageData")}} с заданными размерами. Цвет всех пикселов в новом объекте устанавливается в прозрачный черный.</dd>
<dt>{{domxref("CanvasRenderingContext2D.getImageData()")}}</dt>
<dd>Возвращает объект {{domxref("ImageData")}}, представляющий данные о пикселах, расположенных под областью холста, ограниченной прямоугольником длиной <em>sw</em> и высотой <em>sh</em>, начальная точка которого находится в позиции <em>(sx, sy)</em>.</dd>
<dt>{{domxref("CanvasRenderingContext2D.putImageData()")}}</dt>
@@ -228,7 +228,7 @@ ctx.fillRect(10, 10, 55, 50);
<dl>
<dt>{{domxref("CanvasRenderingContext2D.imageSmoothingEnabled")}} {{experimental_inline}}</dt>
- <dd>Режим сглаживания изображений; если отключен, изображения не будут сглаживаться при масштабировании.</dd>
+ <dd>Режим сглаживания изображений; если отключён, изображения не будут сглаживаться при масштабировании.</dd>
</dl>
<h2 id="Состояние_холста">Состояние холста</h2>
@@ -237,9 +237,9 @@ ctx.fillRect(10, 10, 55, 50);
<dl>
<dt>{{domxref("CanvasRenderingContext2D.save()")}}</dt>
- <dd>Сохраняет текущее состояние стилей рисования, используя для этого стек, так что вы можете отменить любые внесенные в него изменения с помощью метода <code>restore()</code>.</dd>
+ <dd>Сохраняет текущее состояние стилей рисования, используя для этого стек, так что вы можете отменить любые внесённые в него изменения с помощью метода <code>restore()</code>.</dd>
<dt>{{domxref("CanvasRenderingContext2D.restore()")}}</dt>
- <dd>Восстанавливает состояние стилей рисования в значение, сохраненное методом <code>save()</code> в стек состояний последним.</dd>
+ <dd>Восстанавливает состояние стилей рисования в значение, сохранённое методом <code>save()</code> в стек состояний последним.</dd>
<dt>{{domxref("CanvasRenderingContext2D.canvas")}}</dt>
<dd>Доступная только для чтения обратная ссылка на {{domxref("HTMLCanvasElement")}}. Может иметь значение {{jsxref("null")}}, если она не связана с элементом {{HTMLElement("canvas")}}.</dd>
</dl>
@@ -259,7 +259,7 @@ ctx.fillRect(10, 10, 55, 50);
<h3 id="Blink_и_WebKit">Blink и WebKit</h3>
-<p>Большинство из этих API являются <a href="https://code.google.com/p/chromium/issues/detail?id=363198">запрещенными и будут удалены в будущем</a>.</p>
+<p>Большинство из этих API являются <a href="https://code.google.com/p/chromium/issues/detail?id=363198">запрещёнными и будут удалены в будущем</a>.</p>
<dl>
<dt>{{non-standard_inline}} <code>CanvasRenderingContext2D.clearShadow()</code></dt>
@@ -307,9 +307,9 @@ ctx.fillRect(10, 10, 55, 50);
<dt>{{non-standard_inline}} <code>CanvasRenderingContext2D.webkitBackingStorePixelRatio</code></dt>
<dd><span id="result_box" lang="ru"><span>Размер хранилища по отношению к элементу canvas</span></span>. Смотри <a href="http://www.html5rocks.com/en/tutorials/canvas/hidpi/">High DPI Canvas</a>.</dd>
<dt>{{non-standard_inline}} <code>CanvasRenderingContext2D.webkitGetImageDataHD</code></dt>
- <dd>Предназначался для HD хранилищ, но удален из спецификации canvas.</dd>
+ <dd>Предназначался для HD хранилищ, но удалён из спецификации canvas.</dd>
<dt>{{non-standard_inline}} <code>CanvasRenderingContext2D.webkitPutImageDataHD</code></dt>
- <dd>Предназначался для HD хранилищ, но удален из спецификации canvas.</dd>
+ <dd>Предназначался для HD хранилищ, но удалён из спецификации canvas.</dd>
</dl>
<dl>
diff --git a/files/ru/web/api/canvasrenderingcontext2d/linedashoffset/index.html b/files/ru/web/api/canvasrenderingcontext2d/linedashoffset/index.html
index ec4db4e6e2..9c1a2edd80 100644
--- a/files/ru/web/api/canvasrenderingcontext2d/linedashoffset/index.html
+++ b/files/ru/web/api/canvasrenderingcontext2d/linedashoffset/index.html
@@ -69,9 +69,9 @@ ctx.stroke();
<p>{{ EmbedLiveSample('Смещение_штрихов', '', '', '', 'Web/API/CanvasRenderingContext2D/lineDashOffset') }}</p>
-<h3 id="Эффект_марширующих_муравьев">Эффект марширующих муравьев</h3>
+<h3 id="Эффект_марширующих_муравьёв">Эффект марширующих муравьёв</h3>
-<p><a href="https://en.wikipedia.org/wiki/Marching_ants">Эффект марширующих муравьев</a> - это техника анимации, часто встречающаяся в инструментах выбора программ компьютерной графики. Это помогает пользователю отличить границу выделения от фона изображения, анимируя границу..</p>
+<p><a href="https://en.wikipedia.org/wiki/Marching_ants">Эффект марширующих муравьёв</a> - это техника анимации, часто встречающаяся в инструментах выбора программ компьютерной графики. Это помогает пользователю отличить границу выделения от фона изображения, анимируя границу..</p>
<div class="hidden">
<h6 id="HTML_2">HTML</h6>
@@ -102,7 +102,7 @@ const march = () =&gt; {
march();
</pre>
-<p>{{ EmbedLiveSample('Эффект_марширующих_муравьев', '', '', '', 'Web/API/CanvasRenderingContext2D/lineDashOffset') }}</p>
+<p>{{ EmbedLiveSample('Эффект_марширующих_муравьёв', '', '', '', 'Web/API/CanvasRenderingContext2D/lineDashOffset') }}</p>
<h2 id="Спецификации">Спецификации</h2>
diff --git a/files/ru/web/api/canvasrenderingcontext2d/linejoin/index.html b/files/ru/web/api/canvasrenderingcontext2d/linejoin/index.html
index 46de026437..503a024b40 100644
--- a/files/ru/web/api/canvasrenderingcontext2d/linejoin/index.html
+++ b/files/ru/web/api/canvasrenderingcontext2d/linejoin/index.html
@@ -29,7 +29,7 @@ translation_of: Web/API/CanvasRenderingContext2D/lineJoin
<dl>
<dt><code>round</code></dt>
- <dd>Скругляет углы за счет добавления сектора с центром в точке пересечения линий и радиусом равным толщине линии.</dd>
+ <dd>Скругляет углы за счёт добавления сектора с центром в точке пересечения линий и радиусом равным толщине линии.</dd>
<dt><code>bevel</code></dt>
<dd>"Срезает" угол, рисуя треугольник с вершинами в точке пересечения линий и крайних точках каждой линии.</dd>
<dt><code>miter</code></dt>
diff --git a/files/ru/web/api/canvasrenderingcontext2d/lineto/index.html b/files/ru/web/api/canvasrenderingcontext2d/lineto/index.html
index db3b7db1ae..c935fa4c67 100644
--- a/files/ru/web/api/canvasrenderingcontext2d/lineto/index.html
+++ b/files/ru/web/api/canvasrenderingcontext2d/lineto/index.html
@@ -58,7 +58,7 @@ ctx.stroke(); // Отображает путь</pre>
<p>{{ EmbedLiveSample('Рисование_прямых_линий', 700, 180) }}</p>
-<h3 id="Рисование_соединенных_линий">Рисование соединенных линий</h3>
+<h3 id="Рисование_соединённых_линий">Рисование соединённых линий</h3>
<p>Каждый вызов <code>lineTo()</code> автоматически добавляет текущий подпуть, это означает, что все линии будут обведены и закрашены вместе. Этот пример рисует букву 'M' линиями одного пути.</p>
@@ -82,7 +82,7 @@ ctx.stroke();</pre>
<h4 id="Результаты">Результаты</h4>
-<p>{{ EmbedLiveSample('Рисование_соединенных_линий', 700, 180) }}</p>
+<p>{{ EmbedLiveSample('Рисование_соединённых_линий', 700, 180) }}</p>
<h2 id="Спецификации">Спецификации</h2>
diff --git a/files/ru/web/api/canvasrenderingcontext2d/linewidth/index.html b/files/ru/web/api/canvasrenderingcontext2d/linewidth/index.html
index 08126dbb6d..c91b520c4a 100644
--- a/files/ru/web/api/canvasrenderingcontext2d/linewidth/index.html
+++ b/files/ru/web/api/canvasrenderingcontext2d/linewidth/index.html
@@ -5,7 +5,7 @@ translation_of: Web/API/CanvasRenderingContext2D/lineWidth
---
<div>{{APIRef}}</div>
-<p><code>Свойство<strong> CanvasRenderingContext2D</strong></code><strong><code>.lineWidth</code></strong>, предоставляемое Canvas 2D API задает толщину линий в пикселах. При получении свойства возвращается его текущее значение. При задании свойства, присваиваемое значение должно быть положительным числом, ноль, отрицательные числа, {{jsxref("Infinity")}} и {{jsxref("NaN")}} игнорируются.</p>
+<p><code>Свойство<strong> CanvasRenderingContext2D</strong></code><strong><code>.lineWidth</code></strong>, предоставляемое Canvas 2D API задаёт толщину линий в пикселах. При получении свойства возвращается его текущее значение. При задании свойства, присваиваемое значение должно быть положительным числом, ноль, отрицательные числа, {{jsxref("Infinity")}} и {{jsxref("NaN")}} игнорируются.</p>
<p>См. также главу  <a href="/en-US/docs/Web/API/Canvas_API/Tutorial/Applying_styles_and_colors">Applying styles and color</a> в <a href="/en-US/docs/Web/API/Canvas_API/Tutorial">Canvas Tutorial</a>.</p>
diff --git a/files/ru/web/api/canvasrenderingcontext2d/rect/index.html b/files/ru/web/api/canvasrenderingcontext2d/rect/index.html
index 532fdf1fdc..54b62df40b 100644
--- a/files/ru/web/api/canvasrenderingcontext2d/rect/index.html
+++ b/files/ru/web/api/canvasrenderingcontext2d/rect/index.html
@@ -11,7 +11,7 @@ translation_of: Web/API/CanvasRenderingContext2D/rect
---
<div>{{APIRef}}</div>
-<p>Метод <code><strong>CanvasRenderingContext2D</strong></code><strong><code>.rect()</code></strong>, предоставляемый Canvas 2D API, создает контур прямоугольника в позиции <em>(x, y)</em>, размеры которого устанавливаются аргументами <em>width</em> и <em>height</em>. Четыре точки прямоугольника соединяются прямыми линиями, и получившийся фрагмент контура отмечается как замкнутый, так что вы можете выполнить его заливку или обрисовать контур.</p>
+<p>Метод <code><strong>CanvasRenderingContext2D</strong></code><strong><code>.rect()</code></strong>, предоставляемый Canvas 2D API, создаёт контур прямоугольника в позиции <em>(x, y)</em>, размеры которого устанавливаются аргументами <em>width</em> и <em>height</em>. Четыре точки прямоугольника соединяются прямыми линиями, и получившийся фрагмент контура отмечается как замкнутый, так что вы можете выполнить его заливку или обрисовать контур.</p>
<h2 id="Syntax" name="Syntax">Синтаксис</h2>
diff --git a/files/ru/web/api/canvasrenderingcontext2d/restore/index.html b/files/ru/web/api/canvasrenderingcontext2d/restore/index.html
index 33feac8b7e..ee4375afd4 100644
--- a/files/ru/web/api/canvasrenderingcontext2d/restore/index.html
+++ b/files/ru/web/api/canvasrenderingcontext2d/restore/index.html
@@ -5,7 +5,7 @@ translation_of: Web/API/CanvasRenderingContext2D/restore
---
<div>{{APIRef}}</div>
-<p>Метод <code><strong>CanvasRenderingContext2D</strong></code><strong><code>.restore()</code></strong> восстанавливает предварительно сохраненное состояние канваса из стека. Если состояние ранее не сохранялось, то метод ничего не делает.</p>
+<p>Метод <code><strong>CanvasRenderingContext2D</strong></code><strong><code>.restore()</code></strong> восстанавливает предварительно сохранённое состояние канваса из стека. Если состояние ранее не сохранялось, то метод ничего не делает.</p>
<p>Fore more information about the <a href="/en-US/docs/Web/API/CanvasRenderingContext2D.save#Drawing_state">drawing state</a>, see {{domxref("CanvasRenderingContext2D.save()")}}.</p>
diff --git a/files/ru/web/api/canvasrenderingcontext2d/rotate/index.html b/files/ru/web/api/canvasrenderingcontext2d/rotate/index.html
index d750bcdee3..6e09b6a98b 100644
--- a/files/ru/web/api/canvasrenderingcontext2d/rotate/index.html
+++ b/files/ru/web/api/canvasrenderingcontext2d/rotate/index.html
@@ -27,7 +27,7 @@ translation_of: Web/API/CanvasRenderingContext2D/rotate
<h3 id="Использование_метода_rotate">Использование метода <code>rotate</code></h3>
-<p>Ниже приведен простой пример кода, который использует метод <code>rotate</code>.</p>
+<p>Ниже приведён простой пример кода, который использует метод <code>rotate</code>.</p>
<h4 id="HTML">HTML</h4>
@@ -46,7 +46,7 @@ ctx.fillRect(70, 0, 100, 30);
ctx.setTransform(1, 0, 0, 1, 0, 0);
</pre>
-<p>Отредактируйте приведенный ниже код и посмотрите, как обновляются ваши изменения на холсте:</p>
+<p>Отредактируйте приведённый ниже код и посмотрите, как обновляются ваши изменения на холсте:</p>
<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
diff --git a/files/ru/web/api/canvasrenderingcontext2d/stroke/index.html b/files/ru/web/api/canvasrenderingcontext2d/stroke/index.html
index 4f5e3a7386..7daaa192ed 100644
--- a/files/ru/web/api/canvasrenderingcontext2d/stroke/index.html
+++ b/files/ru/web/api/canvasrenderingcontext2d/stroke/index.html
@@ -28,7 +28,7 @@ void <var><em>ctx</em>.stroke(path);</var>
<h3 id="Использование_метода_stroke()">Использование метода <code>stroke()</code></h3>
-<p>В этом примере с помощью метода <code>rect()</code> создается прямоугольник, и затем с помощью <code>stroke()</code> отрисовывается на холсте.</p>
+<p>В этом примере с помощью метода <code>rect()</code> создаётся прямоугольник, и затем с помощью <code>stroke()</code> отрисовывается на холсте.</p>
<h4 id="HTML">HTML</h4>
@@ -43,7 +43,7 @@ ctx.rect(10, 10, 100, 100);
ctx.stroke();
</pre>
-<p>Отредактируйте приведенный ниже код и посмотрите, как обновляется рисунок на холсте:</p>
+<p>Отредактируйте приведённый ниже код и посмотрите, как обновляется рисунок на холсте:</p>
<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
diff --git a/files/ru/web/api/canvasrenderingcontext2d/strokestyle/index.html b/files/ru/web/api/canvasrenderingcontext2d/strokestyle/index.html
index a09679cce0..6d51e49f08 100644
--- a/files/ru/web/api/canvasrenderingcontext2d/strokestyle/index.html
+++ b/files/ru/web/api/canvasrenderingcontext2d/strokestyle/index.html
@@ -5,7 +5,7 @@ translation_of: Web/API/CanvasRenderingContext2D/strokeStyle
---
<div>{{APIRef}}</div>
-<p>Свойство<strong> </strong><code><strong>CanvasRenderingContext2D</strong></code><strong><code>.strokeStyle</code></strong>, предоставляемое Canvas 2D API задает цвет или стиль, используемый при выполнении обводки фигур. По умолчанию установлено значение <code>#000</code> (черный цвет).</p>
+<p>Свойство<strong> </strong><code><strong>CanvasRenderingContext2D</strong></code><strong><code>.strokeStyle</code></strong>, предоставляемое Canvas 2D API задаёт цвет или стиль, используемый при выполнении обводки фигур. По умолчанию установлено значение <code>#000</code> (чёрный цвет).</p>
<p>См. также главу <a href="/en-US/docs/Web/API/Canvas_API/Tutorial/Applying_styles_and_colors">Applying styles and color</a> в <a href="/en-US/docs/Web/API/Canvas_API/Tutorial">Canvas Tutorial</a>.</p>
diff --git a/files/ru/web/api/canvasrenderingcontext2d/stroketext/index.html b/files/ru/web/api/canvasrenderingcontext2d/stroketext/index.html
index 4f7390f7cb..53126b08ed 100644
--- a/files/ru/web/api/canvasrenderingcontext2d/stroketext/index.html
+++ b/files/ru/web/api/canvasrenderingcontext2d/stroketext/index.html
@@ -5,7 +5,7 @@ translation_of: Web/API/CanvasRenderingContext2D/strokeText
---
<div>{{APIRef}}</div>
-<p>Метод <code><strong>CanvasRenderingContext2D</strong></code><strong><code>.strokeText(),</code></strong> предоставляемый Canvas 2D API, выполняет обводку заданного текста в заданной позиции (<em>x, y</em>). Если указан необязательный четвертый параметр, текст будет масштабироваться в соответствие с указанной максимальной шириной.</p>
+<p>Метод <code><strong>CanvasRenderingContext2D</strong></code><strong><code>.strokeText(),</code></strong> предоставляемый Canvas 2D API, выполняет обводку заданного текста в заданной позиции (<em>x, y</em>). Если указан необязательный четвёртый параметр, текст будет масштабироваться в соответствие с указанной максимальной шириной.</p>
<p>См. также метод {{domxref("CanvasRenderingContext2D.fillText()")}} для заливки контуров текста.</p>
diff --git a/files/ru/web/api/canvasrenderingcontext2d/textalign/index.html b/files/ru/web/api/canvasrenderingcontext2d/textalign/index.html
index 306558fa51..722612b831 100644
--- a/files/ru/web/api/canvasrenderingcontext2d/textalign/index.html
+++ b/files/ru/web/api/canvasrenderingcontext2d/textalign/index.html
@@ -56,7 +56,7 @@ ctx.textAlign = 'left';
ctx.strokeText('Hello world', 0, 100);
</pre>
-<p>Отредактируйте приведенный ниже код и посмотрите, как обновляется ваше обновление на холсте:</p>
+<p>Отредактируйте приведённый ниже код и посмотрите, как обновляется ваше обновление на холсте:</p>
<div class="hidden">
<h6 id="Playable_code" name="Playable_code">Playable code</h6>