diff options
author | Alexey Istomin <webistomin@gmail.com> | 2021-03-20 18:37:44 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-03-20 18:37:44 +0300 |
commit | 841aae260382e2bf5ebb44d765d8c7301d27caab (patch) | |
tree | 81a92c25f6dc02e5f119131785d721db79fc3455 /files/ru/web/api/canvasrenderingcontext2d | |
parent | 730fea852ff827ca034fe17c84288c95d270ec92 (diff) | |
download | translated-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')
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"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> 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"><canvas id="canvas" width="150" height="150"></canvas></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 = () => { 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> |