From a68152ef9cd653f92705683592d4652b617ab02c Mon Sep 17 00:00:00 2001 From: Alexey Pyltsyn Date: Wed, 27 Oct 2021 13:49:02 +0300 Subject: [RU] Fix another live samples (#2879) --- files/ru/web/api/canvas_api/tutorial/basic_usage/index.html | 4 ++-- .../api/canvasrenderingcontext2d/currenttransform/index.html | 6 +++--- .../web/api/canvasrenderingcontext2d/getimagedata/index.html | 6 +++--- .../ru/web/api/canvasrenderingcontext2d/linejoin/index.html | 12 ++++++------ .../css_object_model/managing_screen_orientation/index.html | 4 ++-- 5 files changed, 16 insertions(+), 16 deletions(-) (limited to 'files/ru/web/api') diff --git a/files/ru/web/api/canvas_api/tutorial/basic_usage/index.html b/files/ru/web/api/canvas_api/tutorial/basic_usage/index.html index 89d79cedf3..866af040db 100644 --- a/files/ru/web/api/canvas_api/tutorial/basic_usage/index.html +++ b/files/ru/web/api/canvas_api/tutorial/basic_usage/index.html @@ -87,7 +87,7 @@ if (canvas.getContext){

Примечание: вставка скрипта внутрь HTML не является хорошей практикой. Мы делаем это здесь, чтобы сделать пример короче.

-
<!DOCTYPE html>
+
<!DOCTYPE html>
 <html>
   <head>
     <title>Canvas tutorial</title>
@@ -119,7 +119,7 @@ if (canvas.getContext){
 
 
Для начала, давайте посмотрим на простой пример, который рисует два пересекающихся прямоугольника, один из которых имеет прозрачность alpha. Мы изучим, как это работает более детально в последующих примерах.

 
-
<!DOCTYPE html>
+
<!DOCTYPE html>
 <html>
  <head>
   <script type="application/javascript">
diff --git a/files/ru/web/api/canvasrenderingcontext2d/currenttransform/index.html b/files/ru/web/api/canvasrenderingcontext2d/currenttransform/index.html
index f103140929..18774474af 100644
--- a/files/ru/web/api/canvasrenderingcontext2d/currenttransform/index.html
+++ b/files/ru/web/api/canvasrenderingcontext2d/currenttransform/index.html
@@ -31,11 +31,11 @@ translation_of: Web/API/CanvasRenderingContext2D/currentTransform
 
 
HTML

 
-
<canvas id="canvas"></canvas>

+
<canvas id="canvas"></canvas>

 
 
JavaScript

 
-
const canvas = document.getElementById('canvas');
+
const canvas = document.getElementById('canvas');
 const ctx = canvas.getContext('2d');
 
 let matrix = ctx.currentTransform;
@@ -46,7 +46,7 @@ matrix.d = 1;
 matrix.e = 0;
 matrix.f = 0;
 ctx.currentTransform = matrix;
-ctx.fillRect(0, 0, 100, 100);

+ctx.fillRect(0, 0, 100, 100);

 
 
Результат

 
diff --git a/files/ru/web/api/canvasrenderingcontext2d/getimagedata/index.html b/files/ru/web/api/canvasrenderingcontext2d/getimagedata/index.html
index 08fffcc737..963d67e340 100644
--- a/files/ru/web/api/canvasrenderingcontext2d/getimagedata/index.html
+++ b/files/ru/web/api/canvasrenderingcontext2d/getimagedata/index.html
@@ -52,19 +52,19 @@ translation_of: Web/API/CanvasRenderingContext2D/getImageData
 
 
HTML

 
-
<canvas id="canvas"></canvas>

+
<canvas id="canvas"></canvas>

 
 
JavaScript

 
 
The object retrieved by getImageData() has a width of 200 and a height of 100, for a total of 20,000 pixels. Of those pixels, most are either transparent or taken from off the canvas; only 5,000 of them are opaque black (the color of the drawn rectangle).

 
-
const canvas = document.getElementById('canvas');
+
const canvas = document.getElementById('canvas');
 const ctx = canvas.getContext('2d');
 ctx.rect(10, 10, 100, 100);
 ctx.fill();
 
 let imageData = ctx.getImageData(60, 60, 200, 100);
-ctx.putImageData(imageData, 150, 10);

+ctx.putImageData(imageData, 150, 10);

 
 
Result

 
diff --git a/files/ru/web/api/canvasrenderingcontext2d/linejoin/index.html b/files/ru/web/api/canvasrenderingcontext2d/linejoin/index.html
index 12b18c913c..428f7905a1 100644
--- a/files/ru/web/api/canvasrenderingcontext2d/linejoin/index.html
+++ b/files/ru/web/api/canvasrenderingcontext2d/linejoin/index.html
@@ -46,11 +46,11 @@ translation_of: Web/API/CanvasRenderingContext2D/lineJoin
 
 
HTML

 
-
<canvas id="canvas"></canvas>

+
<canvas id="canvas"></canvas>

 
 
JavaScript

 
-
const canvas = document.getElementById('canvas');
+
const canvas = document.getElementById('canvas');
 const ctx = canvas.getContext('2d');
 
 ctx.lineWidth = 20;
@@ -60,7 +60,7 @@ ctx.moveTo(20, 20);
 ctx.lineTo(190, 100);
 ctx.lineTo(280, 20);
 ctx.lineTo(280, 150);
-ctx.stroke();

+ctx.stroke();

 
 
Result

 
@@ -75,10 +75,10 @@ ctx.stroke();

 
 

 
 
 
-
var ctx = document.getElementById('canvas').getContext('2d');
+
var ctx = document.getElementById('canvas').getContext('2d');
 var lineJoin = ['round', 'bevel', 'miter'];
 ctx.lineWidth = 10;
 
@@ -91,7 +91,7 @@ for (let i = 0; i < lineJoin.length; i++) {
   ctx.lineTo(115, 45 + i * 40);
   ctx.lineTo(155, 5 + i * 40);
   ctx.stroke();
-}

+}

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

 
diff --git a/files/ru/web/api/css_object_model/managing_screen_orientation/index.html b/files/ru/web/api/css_object_model/managing_screen_orientation/index.html
index 673a22eafa..bc2be9accf 100644
--- a/files/ru/web/api/css_object_model/managing_screen_orientation/index.html
+++ b/files/ru/web/api/css_object_model/managing_screen_orientation/index.html
@@ -118,10 +118,10 @@ li {
  
   
    
-    
{{ EmbedLiveSample('Adjusting_layout_based_on_the_orientation', 180, 350) }}

+    
{{ EmbedLiveSample('Настройка_раскладки_содержимого_по_ориентации_экрана', 180, 350) }}

    
    
-    
{{ EmbedLiveSample('Adjusting_layout_based_on_the_orientation', 350, 180) }}

+    
{{ EmbedLiveSample('Настройка_раскладки_содержимого_по_ориентации_экрана', 350, 180) }}

    
   
  
-- 
cgit v1.2.3-54-g00ecf