diff options
Diffstat (limited to 'files/ru/web/api/canvas_api')
4 files changed, 10 insertions, 10 deletions
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)"; <pre class="brush: js notranslate">draw();</pre> </div> -<p>{{EmbedLiveSample("Пример_использования_rgba()", "180", "180", "https://mdn.mozillademos.org/files/246/Canvas_rgba.png")}}</p> +<p>{{EmbedLiveSample("Пример_использования_rgba", "180", "180", "https://mdn.mozillademos.org/files/246/Canvas_rgba.png")}}</p> <h2 id="Line_styles">Стили линий</h2> 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/Рисование_фигур } </pre> -<p>{{EmbedLiveSample("Cubic_Bezier_curves", 160, 160, "https://mdn.mozillademos.org/files/207/Canvas_bezier.png")}}</p> +<p>{{EmbedLiveSample("Кубические_кривые_Безье", 160, 160, "https://mdn.mozillademos.org/files/207/Canvas_bezier.png")}}</p> <h3 id="Прямоугольники">Прямоугольники</h3> @@ -565,7 +565,7 @@ new Path2D(d); // path из SVG</pre> } </pre> -<p>{{EmbedLiveSample("Path2D_example", 130, 110, "https://mdn.mozillademos.org/files/9851/path2d.png")}}</p> +<p>{{EmbedLiveSample("Path2D_пример", 130, 110, "https://mdn.mozillademos.org/files/9851/path2d.png")}}</p> <h3 id="Использование_SVG_путей">Использование SVG путей</h3> 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); </pre> -<p>{{ EmbedLiveSample('A_color_picker', 610, 240) }}</p> +<p>{{ EmbedLiveSample('Выбор_цвета', 610, 240) }}</p> <h2 id="Отображение_пиксельных_данных_в_контекст">Отображение пиксельных данных в контекст</h2> @@ -167,7 +167,7 @@ function draw(img) { } </pre> -<p>{{ EmbedLiveSample('Grayscaling_and_inverting_colors', 330, 270) }}</p> +<p>{{ EmbedLiveSample('Оттенки_серого_цвета_и_инвертирование_цветов', 330, 270) }}</p> <h2 id="Масштабирование_и_сглаживание">Масштабирование и сглаживание</h2> @@ -231,7 +231,7 @@ function draw(img) { canvas.addEventListener('mousemove', zoom); }</pre> -<p>{{ EmbedLiveSample('Zoom_example', 620, 490) }}</p> +<p>{{ EmbedLiveSample('Масштабирование_и_сглаживание', 620, 490) }}</p> <h2 id="Сохранение_изображений">Сохранение изображений</h2> 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 <p>Получившийся график выглядит так:</p> -<p>{{EmbedLiveSample("Example_A_simple_line_graph", 220, 160, "https://mdn.mozillademos.org/files/206/Canvas_backdrop.png")}}</p> +<p>{{EmbedLiveSample("Пример_Простой_линейный_график", 220, 160, "https://mdn.mozillademos.org/files/206/Canvas_backdrop.png")}}</p> <h2 id="Изменение_размеров">Изменение размеров</h2> @@ -193,7 +193,7 @@ img.src = 'data:image/gif;base64,R0lGODlhCwALAIAAAAAA3pn/ZiH5BAEAAAEALAAAAAALAAs <p>Получившийся рисунок canvas выглядит так:</p> -<p>{{EmbedLiveSample("Example_Tiling_an_image", 160, 160, "https://mdn.mozillademos.org/files/251/Canvas_scale_image.png")}}</p> +<p>{{EmbedLiveSample("Пример_Тайлинг_изображения", 160, 160, "https://mdn.mozillademos.org/files/251/Canvas_scale_image.png")}}</p> <h2 id="Нарезка">Нарезка</h2> @@ -237,7 +237,7 @@ img.src = 'data:image/gif;base64,R0lGODlhCwALAIAAAAAA3pn/ZiH5BAEAAAEALAAAAAALAAs <p>В этот раз мы применили другой способ загрузки изображения. Вместо загрузки методом создания новых {{domxref("HTMLImageElement")}} объектов, мы включили их как {{HTMLElement("img")}} тэги прямо в наш HTML файл и из них выбрали изображения. Изображения скрыты с помощью CSS-свойства {{cssxref("display")}}, установленного в "none" для этих изображений.</p> -<p>{{EmbedLiveSample("Example_Framing_an_image", 160, 160, "https://mdn.mozillademos.org/files/226/Canvas_drawimage2.jpg")}}</p> +<p>{{EmbedLiveSample("Пример_Обрамление_изображения", 160, 160, "https://mdn.mozillademos.org/files/226/Canvas_drawimage2.jpg")}}</p> <p>Скрипт, сам по себе, очень простой. Каждому {{HTMLElement("img")}} присвоен атрибут ID, который делает удобным их выбор с использованием {{domxref("document.getElementById()")}}. Потом мы просто используем функцию <code>drawImage()</code>, чтобы из первого изображения вырезать фрагмент носорога и вставить его в canvas, затем рисуем рамку сверху, используя второй вызов функции <code>drawImage()</code>.</p> @@ -319,7 +319,7 @@ td { } }</pre> -<p>{{EmbedLiveSample("Art_gallery_example", 725, 400)}}</p> +<p>{{EmbedLiveSample("Пример_галереи_искусства", 725, 400)}}</p> <h2 id="Контроль_изменений_размеров_изображения">Контроль изменений размеров изображения</h2> |