From e87401f97c68764ae7070f305199af2f529c1def Mon Sep 17 00:00:00 2001 From: Alexey Pyltsyn Date: Sun, 24 Oct 2021 17:07:46 +0300 Subject: [RU] Another live samples fixes (#2852) --- .../tutorial/applying_styles_and_colors/index.html | 2 +- .../api/canvas_api/tutorial/drawing_shapes/index.html | 4 ++-- .../tutorial/pixel_manipulation_with_canvas/index.html | 6 +++--- .../api/canvas_api/tutorial/using_images/index.html | 8 ++++---- .../api/canvasrenderingcontext2d/closepath/index.html | 4 ++-- .../currenttransform/index.html | 2 +- .../api/canvasrenderingcontext2d/drawimage/index.html | 2 +- .../api/canvasrenderingcontext2d/ellipse/index.html | 4 ++-- .../api/canvasrenderingcontext2d/fillstyle/index.html | 2 +- .../canvasrenderingcontext2d/getlinedash/index.html | 2 +- .../canvasrenderingcontext2d/globalalpha/index.html | 2 +- .../api/canvasrenderingcontext2d/linecap/index.html | 2 +- .../api/canvasrenderingcontext2d/linejoin/index.html | 8 ++++---- .../api/canvasrenderingcontext2d/miterlimit/index.html | 2 +- .../web/api/canvasrenderingcontext2d/save/index.html | 2 +- .../canvasrenderingcontext2d/textbaseline/index.html | 2 +- files/ru/web/api/document/cookie/index.html | 8 ++++---- files/ru/web/api/element/keydown_event/index.html | 2 +- files/ru/web/api/webglrenderingcontext/index.html | 18 ------------------ 19 files changed, 32 insertions(+), 50 deletions(-) (limited to 'files/ru/web/api') diff --git a/files/ru/web/api/canvas_api/tutorial/applying_styles_and_colors/index.html b/files/ru/web/api/canvas_api/tutorial/applying_styles_and_colors/index.html index d85af68d7c..c17cdbedca 100644 --- a/files/ru/web/api/canvas_api/tutorial/applying_styles_and_colors/index.html +++ b/files/ru/web/api/canvas_api/tutorial/applying_styles_and_colors/index.html @@ -179,7 +179,7 @@ ctx.fillStyle = "rgba(255,0,0,0.5)"; 
draw();
-

{{EmbedLiveSample("Пример_использования_rgba()", "180", "180", "https://mdn.mozillademos.org/files/246/Canvas_rgba.png")}}

+

{{EmbedLiveSample("Пример_использования_rgba", "180", "180", "https://mdn.mozillademos.org/files/246/Canvas_rgba.png")}}

Стили линий

diff --git a/files/ru/web/api/canvas_api/tutorial/drawing_shapes/index.html b/files/ru/web/api/canvas_api/tutorial/drawing_shapes/index.html index 5f6d218718..4913f93bda 100644 --- a/files/ru/web/api/canvas_api/tutorial/drawing_shapes/index.html +++ b/files/ru/web/api/canvas_api/tutorial/drawing_shapes/index.html @@ -393,7 +393,7 @@ original_slug: Web/API/Canvas_API/Tutorial/Рисование_фигур } -

{{EmbedLiveSample("Cubic_Bezier_curves", 160, 160, "https://mdn.mozillademos.org/files/207/Canvas_bezier.png")}}

+

{{EmbedLiveSample("Кубические_кривые_Безье", 160, 160, "https://mdn.mozillademos.org/files/207/Canvas_bezier.png")}}

Прямоугольники

@@ -565,7 +565,7 @@ new Path2D(d); // path из SVG } -

{{EmbedLiveSample("Path2D_example", 130, 110, "https://mdn.mozillademos.org/files/9851/path2d.png")}}

+

{{EmbedLiveSample("Path2D_пример", 130, 110, "https://mdn.mozillademos.org/files/9851/path2d.png")}}

Использование SVG путей

diff --git a/files/ru/web/api/canvas_api/tutorial/pixel_manipulation_with_canvas/index.html b/files/ru/web/api/canvas_api/tutorial/pixel_manipulation_with_canvas/index.html index f8ef9679b9..4c0958e980 100644 --- a/files/ru/web/api/canvas_api/tutorial/pixel_manipulation_with_canvas/index.html +++ b/files/ru/web/api/canvas_api/tutorial/pixel_manipulation_with_canvas/index.html @@ -98,7 +98,7 @@ function pick(event) { canvas.addEventListener('mousemove', pick); -

{{ EmbedLiveSample('A_color_picker', 610, 240) }}

+

{{ EmbedLiveSample('Выбор_цвета', 610, 240) }}

Отображение пиксельных данных в контекст

@@ -167,7 +167,7 @@ function draw(img) { } -

{{ EmbedLiveSample('Grayscaling_and_inverting_colors', 330, 270) }}

+

{{ EmbedLiveSample('Оттенки_серого_цвета_и_инвертирование_цветов', 330, 270) }}

Масштабирование и сглаживание

@@ -231,7 +231,7 @@ function draw(img) { canvas.addEventListener('mousemove', zoom); } -

{{ EmbedLiveSample('Zoom_example', 620, 490) }}

+

{{ EmbedLiveSample('Масштабирование_и_сглаживание', 620, 490) }}

Сохранение изображений

diff --git a/files/ru/web/api/canvas_api/tutorial/using_images/index.html b/files/ru/web/api/canvas_api/tutorial/using_images/index.html index 891cb3e9e1..d977950615 100644 --- a/files/ru/web/api/canvas_api/tutorial/using_images/index.html +++ b/files/ru/web/api/canvas_api/tutorial/using_images/index.html @@ -150,7 +150,7 @@ img.src = 'data:image/gif;base64,R0lGODlhCwALAIAAAAAA3pn/ZiH5BAEAAAEALAAAAAALAAs

Получившийся график выглядит так:

-

{{EmbedLiveSample("Example_A_simple_line_graph", 220, 160, "https://mdn.mozillademos.org/files/206/Canvas_backdrop.png")}}

+

{{EmbedLiveSample("Пример_Простой_линейный_график", 220, 160, "https://mdn.mozillademos.org/files/206/Canvas_backdrop.png")}}

Изменение размеров

@@ -193,7 +193,7 @@ img.src = 'data:image/gif;base64,R0lGODlhCwALAIAAAAAA3pn/ZiH5BAEAAAEALAAAAAALAAs

Получившийся рисунок canvas выглядит так:

-

{{EmbedLiveSample("Example_Tiling_an_image", 160, 160, "https://mdn.mozillademos.org/files/251/Canvas_scale_image.png")}}

+

{{EmbedLiveSample("Пример_Тайлинг_изображения", 160, 160, "https://mdn.mozillademos.org/files/251/Canvas_scale_image.png")}}

Нарезка

@@ -237,7 +237,7 @@ img.src = 'data:image/gif;base64,R0lGODlhCwALAIAAAAAA3pn/ZiH5BAEAAAEALAAAAAALAAs

В этот раз мы применили другой способ загрузки изображения. Вместо загрузки методом создания новых {{domxref("HTMLImageElement")}} объектов, мы включили их как  {{HTMLElement("img")}} тэги прямо в наш HTML файл и из них выбрали изображения. Изображения скрыты с помощью  CSS-свойства {{cssxref("display")}}, установленного в "none" для этих изображений.

-

{{EmbedLiveSample("Example_Framing_an_image", 160, 160, "https://mdn.mozillademos.org/files/226/Canvas_drawimage2.jpg")}}

+

{{EmbedLiveSample("Пример_Обрамление_изображения", 160, 160, "https://mdn.mozillademos.org/files/226/Canvas_drawimage2.jpg")}}

Скрипт, сам по себе, очень простой. Каждому {{HTMLElement("img")}} присвоен атрибут ID, который  делает удобным их выбор с использованием {{domxref("document.getElementById()")}}. Потом мы просто используем функцию  drawImage(), чтобы из первого изображения вырезать фрагмент носорога и вставить его в canvas, затем рисуем рамку сверху, используя второй вызов функции drawImage().

@@ -319,7 +319,7 @@ td { } } -

{{EmbedLiveSample("Art_gallery_example", 725, 400)}}

+

{{EmbedLiveSample("Пример_галереи_искусства", 725, 400)}}

Контроль изменений размеров изображения

diff --git a/files/ru/web/api/canvasrenderingcontext2d/closepath/index.html b/files/ru/web/api/canvasrenderingcontext2d/closepath/index.html index 89349a3873..c9305119ab 100644 --- a/files/ru/web/api/canvasrenderingcontext2d/closepath/index.html +++ b/files/ru/web/api/canvasrenderingcontext2d/closepath/index.html @@ -46,7 +46,7 @@ ctx.stroke();

Результат

-

{{ EmbedLiveSample('Closing_a_triangle', 700, 180) }}

+

{{ EmbedLiveSample('Замкнутый_треугольник', 700, 180) }}

Закрытие пути один раз

@@ -81,7 +81,7 @@ ctx.stroke();

Результат

-

{{ EmbedLiveSample('Closing_just_one_sub-path', 700, 180) }}

+

{{ EmbedLiveSample('Закрытие_пути_один_раз', 700, 180) }}

Спецификации

diff --git a/files/ru/web/api/canvasrenderingcontext2d/currenttransform/index.html b/files/ru/web/api/canvasrenderingcontext2d/currenttransform/index.html index 3644c56148..992378af2f 100644 --- a/files/ru/web/api/canvasrenderingcontext2d/currenttransform/index.html +++ b/files/ru/web/api/canvasrenderingcontext2d/currenttransform/index.html @@ -50,7 +50,7 @@ ctx.fillRect(0, 0, 100, 100);

Результат

-

{{ EmbedLiveSample('Manually_changing_the_matrix', 700, 180) }}

+

{{ EmbedLiveSample('Использование_метода_currentTransform', 700, 180) }}

Спецификации

diff --git a/files/ru/web/api/canvasrenderingcontext2d/drawimage/index.html b/files/ru/web/api/canvasrenderingcontext2d/drawimage/index.html index a96e7fed6d..6f8bf5422e 100644 --- a/files/ru/web/api/canvasrenderingcontext2d/drawimage/index.html +++ b/files/ru/web/api/canvasrenderingcontext2d/drawimage/index.html @@ -162,7 +162,7 @@ function drawImageActualSize() {

Результат

-

{{EmbedLiveSample('Understanding_source_element_size', 700, 360)}}

+

{{EmbedLiveSample('Понимание_размеров_изображения-источника', 700, 360)}}

 

diff --git a/files/ru/web/api/canvasrenderingcontext2d/ellipse/index.html b/files/ru/web/api/canvasrenderingcontext2d/ellipse/index.html index 48c6ac8108..13e038e0b4 100644 --- a/files/ru/web/api/canvasrenderingcontext2d/ellipse/index.html +++ b/files/ru/web/api/canvasrenderingcontext2d/ellipse/index.html @@ -72,7 +72,7 @@ ctx.stroke();

Результат

-

{{ EmbedLiveSample('Drawing_a_full_ellipse', 700, 250) }}

+

{{ EmbedLiveSample('Рисование_полного_эллипса', 700, 250) }}

Различные эллиптические дуги

@@ -106,7 +106,7 @@ ctx.fill();

Результат

-

{{ EmbedLiveSample('Various_elliptical_arcs', 700, 180) }}

+

{{ EmbedLiveSample('Различные_эллиптические_дуги', 700, 180) }}

Спецификации

diff --git a/files/ru/web/api/canvasrenderingcontext2d/fillstyle/index.html b/files/ru/web/api/canvasrenderingcontext2d/fillstyle/index.html index 426919994e..e2ac4ee621 100644 --- a/files/ru/web/api/canvasrenderingcontext2d/fillstyle/index.html +++ b/files/ru/web/api/canvasrenderingcontext2d/fillstyle/index.html @@ -35,7 +35,7 @@ translation_of: Web/API/CanvasRenderingContext2D/fillStyle

Примеры

-

Изменение цвета заливки фигуры

+

Изменение цвета заливки фигуры

Ниже представлен простой фрагмент кода, использующий fillStyle с цветом.

diff --git a/files/ru/web/api/canvasrenderingcontext2d/getlinedash/index.html b/files/ru/web/api/canvasrenderingcontext2d/getlinedash/index.html index 59559fe3cb..e8c56b5f60 100644 --- a/files/ru/web/api/canvasrenderingcontext2d/getlinedash/index.html +++ b/files/ru/web/api/canvasrenderingcontext2d/getlinedash/index.html @@ -45,7 +45,7 @@ ctx.stroke();

Результат

-

{{ EmbedLiveSample('Getting_the_current_line_dash_setting', 700, 180) }}

+

{{ EmbedLiveSample('Получение_текущей_настройки_штриховки_линии', 700, 180) }}

Спецификации

diff --git a/files/ru/web/api/canvasrenderingcontext2d/globalalpha/index.html b/files/ru/web/api/canvasrenderingcontext2d/globalalpha/index.html index 50fa1c6004..9b5ffce0b4 100644 --- a/files/ru/web/api/canvasrenderingcontext2d/globalalpha/index.html +++ b/files/ru/web/api/canvasrenderingcontext2d/globalalpha/index.html @@ -58,7 +58,7 @@ ctx.fillRect(50, 50, 100, 100);

Результат

-

{{ EmbedLiveSample('Drawing_translucent_shapes', 700, 180) }}

+

{{ EmbedLiveSample('Отрисовка_полупрозрачных_фигур', 700, 180) }}

Наложение прозрачных фигур

diff --git a/files/ru/web/api/canvasrenderingcontext2d/linecap/index.html b/files/ru/web/api/canvasrenderingcontext2d/linecap/index.html index f91fca02b4..be3f7b3753 100644 --- a/files/ru/web/api/canvasrenderingcontext2d/linecap/index.html +++ b/files/ru/web/api/canvasrenderingcontext2d/linecap/index.html @@ -56,7 +56,7 @@ ctx.stroke();

{{ EmbedLiveSample('Использование_свойства_lineCap', 700, 180) }}

-

Разница между значениями lineCap

+

Разница между значениями lineCap

В примере нарисованы три линии с разными значениями lineCap. Для наглядности мы добавим две направляющие. Каждая линия будет начинаться и заканчиваться этими направляющими.

diff --git a/files/ru/web/api/canvasrenderingcontext2d/linejoin/index.html b/files/ru/web/api/canvasrenderingcontext2d/linejoin/index.html index 950c9e6461..def5092e91 100644 --- a/files/ru/web/api/canvasrenderingcontext2d/linejoin/index.html +++ b/files/ru/web/api/canvasrenderingcontext2d/linejoin/index.html @@ -38,7 +38,7 @@ translation_of: Web/API/CanvasRenderingContext2D/lineJoin

Примеры

-

Использование свойства lineJoin

+

Использование свойства lineJoin

Ниже представлен простой фрагмент кода, использующий lineJoin для скругления места соединения линий.

@@ -64,11 +64,11 @@ ctx.stroke();

Result

-

{{ EmbedLiveSample('Changing_the_joins_in_a_path', 700, 180) }}

+

{{ EmbedLiveSample('Использование_свойства_lineJoin', 700, 180) }}

 

-

Разница между значениями lineJoin

+

Разница между значениями lineJoin

Пример ниже наглядно демонстрирует разницу между значениями свойства lineJoin.

@@ -93,7 +93,7 @@ for (let i = 0; i < lineJoin.length; i++) { ctx.stroke(); } -

{{EmbedLiveSample("Comparison_of_line_joins", "180", "180", "https://mdn.mozillademos.org/files/237/Canvas_linejoin.png")}}

+

{{EmbedLiveSample("Разница_между_значениями_lineJoin", "180", "180", "https://mdn.mozillademos.org/files/237/Canvas_linejoin.png")}}

 

diff --git a/files/ru/web/api/canvasrenderingcontext2d/miterlimit/index.html b/files/ru/web/api/canvasrenderingcontext2d/miterlimit/index.html index f22e392449..fbb3f560fc 100644 --- a/files/ru/web/api/canvasrenderingcontext2d/miterlimit/index.html +++ b/files/ru/web/api/canvasrenderingcontext2d/miterlimit/index.html @@ -72,7 +72,7 @@ window.addEventListener("load", drawCanvas); -

{{EmbedLiveSample("A_demo_of_the_miterLimit_property", "400", "180", "https://mdn.mozillademos.org/files/240/Canvas_miterlimit.png", "Web/API/Canvas_API/Tutorial/Applying_styles_and_colors")}}

+

{{EmbedLiveSample("Демонстрация_свойства_miterLimit", "400", "180", "https://mdn.mozillademos.org/files/240/Canvas_miterlimit.png", "Web/API/Canvas_API/Tutorial/Applying_styles_and_colors")}}

Спецификации

diff --git a/files/ru/web/api/canvasrenderingcontext2d/save/index.html b/files/ru/web/api/canvasrenderingcontext2d/save/index.html index 8716b6487c..a9ac25972d 100644 --- a/files/ru/web/api/canvasrenderingcontext2d/save/index.html +++ b/files/ru/web/api/canvasrenderingcontext2d/save/index.html @@ -51,7 +51,7 @@ ctx.fillRect(150, 40, 100, 100);

Результат

-

{{ EmbedLiveSample('Saving_the_drawing_state', 700, 180) }}

+

{{ EmbedLiveSample('Сохранение_состояния_чертежа', 700, 180) }}

Спецификации

diff --git a/files/ru/web/api/canvasrenderingcontext2d/textbaseline/index.html b/files/ru/web/api/canvasrenderingcontext2d/textbaseline/index.html index 8dd4445201..77240f0515 100644 --- a/files/ru/web/api/canvasrenderingcontext2d/textbaseline/index.html +++ b/files/ru/web/api/canvasrenderingcontext2d/textbaseline/index.html @@ -68,7 +68,7 @@ baselines.forEach(function (baseline, index) {

Результат

-

{{ EmbedLiveSample('Comparison_of_property_values', 700, 550) }}

+

{{ EmbedLiveSample('Сравнение_значений_свойства', 700, 550) }}

Спецификации

diff --git a/files/ru/web/api/document/cookie/index.html b/files/ru/web/api/document/cookie/index.html index 3ee843cdfa..6d97d20205 100644 --- a/files/ru/web/api/document/cookie/index.html +++ b/files/ru/web/api/document/cookie/index.html @@ -96,7 +96,7 @@ function alertCookie() { 
<button onclick="alertCookie()">Show cookies</button>
-

{{EmbedLiveSample('Example_1_Simple_usage', 200, 36)}}

+

{{EmbedLiveSample('Пример_1_Простое_использование', 200, 36)}}

@@ -112,7 +112,7 @@ function alertCookieValue() { 
<button onclick="alertCookieValue()">Show cookie value</button>
-

{{EmbedLiveSample('Example_2_Get_a_sample_cookie_named_test2', 200, 36)}}

+

{{EmbedLiveSample('Пример_2_Получить_cookie_с_именем_test2', 200, 36)}}

Пример #3: Выполнить операцию единожды

@@ -127,7 +127,7 @@ function alertCookieValue() { 
<button onclick="doOnce()">Only do something once</button>
-

{{EmbedLiveSample('Example_3_Do_something_only_once', 200, 36)}}

+

{{EmbedLiveSample('Пример_3_Выполнить_операцию_единожды', 200, 36)}}

@@ -137,7 +137,7 @@ function alertCookieValue() { 
<button onclick="resetOnce()">Reset only once cookie</button>
-

{{EmbedLiveSample('Example_4_Reset_the_previous_cookie', 200, 36)}}

+

{{EmbedLiveSample('Пример_4_Перезагрузить_cookie', 200, 36)}}

diff --git a/files/ru/web/api/element/keydown_event/index.html b/files/ru/web/api/element/keydown_event/index.html index 97291b9ce5..e0cb75bda1 100644 --- a/files/ru/web/api/element/keydown_event/index.html +++ b/files/ru/web/api/element/keydown_event/index.html @@ -54,7 +54,7 @@ function logKey(e) { log.textContent += ` ${e.code}`; } -

{{EmbedLiveSample("addEventListener_keydown_example")}}

+

{{EmbedLiveSample("Примеры_addEventListener_keydown")}}

Аналог onkeydown

diff --git a/files/ru/web/api/webglrenderingcontext/index.html b/files/ru/web/api/webglrenderingcontext/index.html index 60dd75cc89..fab75dd82e 100644 --- a/files/ru/web/api/webglrenderingcontext/index.html +++ b/files/ru/web/api/webglrenderingcontext/index.html @@ -319,24 +319,6 @@ var gl = canvas.getContext('webgl');
Returns an extension object.
-

Examples

- -

WebGL context feature detection

- -

{{page("/en-US/Learn/WebGL/By_example/Detect_WebGL", "summary")}}

- -

{{page("/en-US/Learn/WebGL/By_example/Detect_WebGL", "detect-webgl-source")}}

- -

{{EmbedLiveSample("detect-webgl-source", 660,150 ,"" , "Learn/WebGL/By_example/Detect_WebGL")}}

- -

Effect of canvas size on rendering with WebGL

- -

{{page("/en-US/Learn/WebGL/By_example/Canvas_size_and_WebGL", "canvas-size-and-webgl-intro")}}

- -

{{page("/en-US/Learn/WebGL/By_example/Canvas_size_and_WebGL", "canvas-size-and-webgl-source")}}

- -

{{EmbedLiveSample("canvas-size-and-webgl-source", 660,180 ,"" , "Learn/WebGL/By_example/Canvas_size_and_WebGL")}}

-

Specifications

-- cgit v1.2.3-54-g00ecf