diff options
Diffstat (limited to 'files/ru/web/api')
5 files changed, 16 insertions, 16 deletions
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){ <p><strong>Примечание:</strong> вставка скрипта внутрь HTML не является хорошей практикой. Мы делаем это здесь, чтобы сделать пример короче.</p> </div> -<pre><code><!DOCTYPE html></code> +<pre class="brush: html"><!DOCTYPE html> <html> <head> <title>Canvas tutorial</title> @@ -119,7 +119,7 @@ if (canvas.getContext){ <p>Для начала, давайте посмотрим на простой пример, который рисует два пересекающихся прямоугольника, один из которых имеет прозрачность alpha. Мы изучим, как это работает более детально в последующих примерах.</p> -<pre><code><!DOCTYPE html></code> +<pre class="brush: 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 <h4 id="HTML">HTML</h4> -<pre><code><canvas id="canvas"></canvas></code></pre> +<pre class="brush: html"><canvas id="canvas"></canvas></pre> <h4 id="JavaScript">JavaScript</h4> -<pre><code>const canvas = document.getElementById('canvas'); +<pre class="brush: html">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);</code></pre> +ctx.fillRect(0, 0, 100, 100);</pre> <h4 id="Результат">Результат</h4> 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 <h4 id="HTML">HTML</h4> -<pre><code><canvas id="canvas"></canvas></code></pre> +<pre class="brush: html"><canvas id="canvas"></canvas></pre> <h4 id="JavaScript">JavaScript</h4> <p>The object retrieved by <code>getImageData()</code> 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).</p> -<pre><code>const canvas = document.getElementById('canvas'); +<pre class="brush: html">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);</code></pre> +ctx.putImageData(imageData, 150, 10);</pre> <h4 id="Result">Result</h4> 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 <h4 id="HTML">HTML</h4> -<pre><code><canvas id="canvas"></canvas></code></pre> +<pre class="brush: html"><canvas id="canvas"></canvas></pre> <h4 id="JavaScript">JavaScript</h4> -<pre><code>const canvas = document.getElementById('canvas'); +<pre class="brush: html">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();</code></pre> +ctx.stroke();</pre> <h4 id="Result">Result</h4> @@ -75,10 +75,10 @@ ctx.stroke();</code></pre> <p> </p> <div class="hidden"> -<pre><code><canvas id="canvas" width="150" height="150"></canvas></code></pre> +<pre class="brush: html"><canvas id="canvas" width="150" height="150"></canvas></pre> </div> -<pre><code>var ctx = document.getElementById('canvas').getContext('2d'); +<pre class="brush: html">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(); -}</code></pre> +}</pre> <p>{{EmbedLiveSample("Разница_между_значениями_lineJoin", "180", "180", "https://mdn.mozillademos.org/files/237/Canvas_linejoin.png")}}</p> 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 { <tbody> <tr> <td> - <div style="max-width: 220px;">{{ EmbedLiveSample('Adjusting_layout_based_on_the_orientation', 180, 350) }}</div> + <div style="max-width: 220px;">{{ EmbedLiveSample('Настройка_раскладки_содержимого_по_ориентации_экрана', 180, 350) }}</div> </td> <td> - <div style="max-width: 390px;">{{ EmbedLiveSample('Adjusting_layout_based_on_the_orientation', 350, 180) }}</div> + <div style="max-width: 390px;">{{ EmbedLiveSample('Настройка_раскладки_содержимого_по_ориентации_экрана', 350, 180) }}</div> </td> </tr> </tbody> |