ru: Format /web/api using Prettier (part 2) (#14714)

mdn · Aug 3, 2023 · cb82021 · cb82021
1 parent 2c350af
commit cb82021
Show file tree

Hide file tree

Showing 100 changed files with 1,377 additions and 1,349 deletions.
diff --git a/files/ru/web/api/canvasrenderingcontext2d/stroke/index.md b/files/ru/web/api/canvasrenderingcontext2d/stroke/index.md
@@ -3,6 +3,7 @@ title: CanvasRenderingContext2D.stroke()
 slug: Web/API/CanvasRenderingContext2D/stroke
 translation_of: Web/API/CanvasRenderingContext2D/stroke
 ---
+
 {{APIRef}}
 
 Метод **`CanvasRenderingContext2D.stroke()`** Canvas 2D API обводит текущий или данный контур цветом `strokeStyle`.
@@ -38,8 +39,8 @@ void ctx.stroke(path);
 #### JavaScript
 
 ```js
-var canvas = document.getElementById('canvas');
-var ctx = canvas.getContext('2d');
+var canvas = document.getElementById("canvas");
+var ctx = canvas.getContext("2d");
 ctx.rect(10, 10, 100, 100);
 ctx.stroke();
 ```
@@ -54,7 +55,8 @@ ctx.stroke();
 </div>
 <textarea id="code" class="playable-code">
 ctx.rect(10, 10, 100, 100);
-ctx.stroke();</textarea>
+ctx.stroke();</textarea
+>
 ```
 
 ```js hidden
@@ -70,14 +72,14 @@ function drawCanvas() {
   eval(textarea.value);
 }
 
-reset.addEventListener("click", function() {
+reset.addEventListener("click", function () {
   textarea.value = code;
   drawCanvas();
 });
 
-edit.addEventListener("click", function() {
+edit.addEventListener("click", function () {
   textarea.focus();
-})
+});
 
 textarea.addEventListener("input", drawCanvas);
 window.addEventListener("load", drawCanvas);
@@ -89,7 +91,7 @@ window.addEventListener("load", drawCanvas);
 
 {{Specifications}}
 
-## Поддержка браузеров
+## Совместимость с браузерами
 
 {{Compat}}
 

diff --git a/files/ru/web/api/canvasrenderingcontext2d/strokerect/index.md b/files/ru/web/api/canvasrenderingcontext2d/strokerect/index.md
@@ -9,6 +9,7 @@ tags:
   - Reference
 translation_of: Web/API/CanvasRenderingContext2D/strokeRect
 ---
+
 {{APIRef}}
 
 Метод **`CanvasRenderingContext2D.strokeRect()`**, предоставляемый Canvas 2D API, рисует на холсте прямоугольник, имеющий начальную точку с координатами _(x, y)_, а так же ширину _w_ и высоту _h_, используя текущий стиль линий.
@@ -62,7 +63,8 @@ ctx.strokeRect(10, 10, 100, 100);
 </div>
 <textarea id="code" class="playable-code">
 ctx.strokeStyle = "green";
-ctx.strokeRect(10, 10, 100, 100);</textarea>
+ctx.strokeRect(10, 10, 100, 100);</textarea
+>
 ```
 
 ```js hidden
@@ -78,14 +80,14 @@ function drawCanvas() {
   eval(textarea.value);
 }
 
-reset.addEventListener("click", function() {
+reset.addEventListener("click", function () {
   textarea.value = code;
   drawCanvas();
 });
 
-edit.addEventListener("click", function() {
+edit.addEventListener("click", function () {
   textarea.focus();
-})
+});
 
 textarea.addEventListener("input", drawCanvas);
 window.addEventListener("load", drawCanvas);

diff --git a/files/ru/web/api/canvasrenderingcontext2d/strokestyle/index.md b/files/ru/web/api/canvasrenderingcontext2d/strokestyle/index.md
@@ -59,7 +59,8 @@ ctx.strokeRect(10, 10, 100, 100);
 </div>
 <textarea id="code" class="playable-code">
 ctx.strokeStyle = "blue";
-ctx.strokeRect(10, 10, 100, 100);</textarea>
+ctx.strokeRect(10, 10, 100, 100);</textarea
+>
 ```
 
 ```js hidden
@@ -75,14 +76,14 @@ function drawCanvas() {
   eval(textarea.value);
 }
 
-reset.addEventListener("click", function() {
+reset.addEventListener("click", function () {
   textarea.value = code;
   drawCanvas();
 });
 
-edit.addEventListener("click", function() {
+edit.addEventListener("click", function () {
   textarea.focus();
-})
+});
 
 textarea.addEventListener("input", drawCanvas);
 window.addEventListener("load", drawCanvas);
@@ -95,13 +96,17 @@ window.addEventListener("load", drawCanvas);
 В этом примере свойство `strokeStyle` используется для рисования границ фигур. Мы используем метод {{domxref("CanvasRenderingContext2D.arc", "arc()")}} для рисования кругов.
 
 ```js
-var ctx = document.getElementById('canvas').getContext('2d');
-for (var i=0;i<6;i++){
-  for (var j=0;j<6;j++){
-    ctx.strokeStyle = 'rgb(0,' + Math.floor(255-42.5*i) + ',' +
-                      Math.floor(255-42.5*j) + ')';
+var ctx = document.getElementById("canvas").getContext("2d");
+for (var i = 0; i < 6; i++) {
+  for (var j = 0; j < 6; j++) {
+    ctx.strokeStyle =
+      "rgb(0," +
+      Math.floor(255 - 42.5 * i) +
+      "," +
+      Math.floor(255 - 42.5 * j) +
+      ")";
     ctx.beginPath();
-    ctx.arc(12.5+j*25,12.5+i*25,10,0,Math.PI*2,true);
+    ctx.arc(12.5 + j * 25, 12.5 + i * 25, 10, 0, Math.PI * 2, true);
     ctx.stroke();
   }
 }
@@ -123,17 +128,6 @@ for (var i=0;i<6;i++){
 
 {{Compat}}
 
-## Особенности WebKit/Blink
-
-- В браузерах на базе Webkit и Blink помимо этого свойства, также поддерживается нестандартный метод `ctx.setStrokeColor()`.
-
-  ```js
-  setStrokeColor(color, optional alpha);
-  setStrokeColor(grayLevel, optional alpha);
-  setStrokeColor(r, g, b, a);
-  setStrokeColor(c, m, y, k, a);
-  ```
-
 ## Смотрите также
 
 - Интерфейс предоставляющий данное свойство: {{domxref("CanvasRenderingContext2D")}}

diff --git a/files/ru/web/api/canvasrenderingcontext2d/stroketext/index.md b/files/ru/web/api/canvasrenderingcontext2d/stroketext/index.md
@@ -59,7 +59,8 @@ ctx.strokeText("Hello world", 50, 100);
 </div>
 <textarea id="code" class="playable-code">
 ctx.font = "48px serif";
-ctx.strokeText("Hello world", 50, 100);</textarea>
+ctx.strokeText("Hello world", 50, 100);</textarea
+>
 ```
 
 ```js hidden
@@ -75,14 +76,14 @@ function drawCanvas() {
   eval(textarea.value);
 }
 
-reset.addEventListener("click", function() {
+reset.addEventListener("click", function () {
   textarea.value = code;
   drawCanvas();
 });
 
-edit.addEventListener("click", function() {
+edit.addEventListener("click", function () {
   textarea.focus();
-})
+});
 
 textarea.addEventListener("input", drawCanvas);
 window.addEventListener("load", drawCanvas);

diff --git a/files/ru/web/api/canvasrenderingcontext2d/textalign/index.md b/files/ru/web/api/canvasrenderingcontext2d/textalign/index.md
@@ -50,12 +50,12 @@ ctx.textAlign = "left" || "right" || "center" || "start" || "end";
 #### JavaScript
 
 ```js
-var canvas = document.getElementById('canvas');
-var ctx = canvas.getContext('2d');
+var canvas = document.getElementById("canvas");
+var ctx = canvas.getContext("2d");
 
-ctx.font = '48px serif';
-ctx.textAlign = 'left';
-ctx.strokeText('Hello world', 0, 100);
+ctx.font = "48px serif";
+ctx.textAlign = "left";
+ctx.strokeText("Hello world", 0, 100);
 ```
 
 Отредактируйте приведённый ниже код и посмотрите, как обновляется ваше обновление на холсте:
@@ -69,33 +69,34 @@ ctx.strokeText('Hello world', 0, 100);
 <textarea id="code" class="playable-code">
 ctx.font = '48px serif';
 ctx.textAlign = 'left';
-ctx.strokeText('Hello world', 0, 100);</textarea>
+ctx.strokeText('Hello world', 0, 100);</textarea
+>
 ```
 
 ```js hidden
-var canvas = document.getElementById('canvas');
-var ctx = canvas.getContext('2d');
-var textarea = document.getElementById('code');
-var reset = document.getElementById('reset');
-var edit = document.getElementById('edit');
+var canvas = document.getElementById("canvas");
+var ctx = canvas.getContext("2d");
+var textarea = document.getElementById("code");
+var reset = document.getElementById("reset");
+var edit = document.getElementById("edit");
 var code = textarea.value;
 
 function drawCanvas() {
   ctx.clearRect(0, 0, canvas.width, canvas.height);
   eval(textarea.value);
 }
 
-reset.addEventListener('click', function() {
+reset.addEventListener("click", function () {
   textarea.value = code;
   drawCanvas();
 });
 
-edit.addEventListener('click', function() {
+edit.addEventListener("click", function () {
   textarea.focus();
-})
+});
 
-textarea.addEventListener('input', drawCanvas);
-window.addEventListener('load', drawCanvas);
+textarea.addEventListener("input", drawCanvas);
+window.addEventListener("load", drawCanvas);
 ```
 
 {{ EmbedLiveSample('Playable_code', 700, 360) }}

diff --git a/files/ru/web/api/canvasrenderingcontext2d/textbaseline/index.md b/files/ru/web/api/canvasrenderingcontext2d/textbaseline/index.md
@@ -50,12 +50,19 @@ ctx.textBaseline = "top" || "hanging" || "middle" || "alphabetic" || "ideographi
 #### JavaScript
 
 ```js
-const canvas = document.getElementById('canvas');
-const ctx = canvas.getContext('2d');
-
-const baselines = ['top', 'hanging', 'middle', 'alphabetic', 'ideographic', 'bottom'];
-ctx.font = '36px serif';
-ctx.strokeStyle = 'red';
+const canvas = document.getElementById("canvas");
+const ctx = canvas.getContext("2d");
+
+const baselines = [
+  "top",
+  "hanging",
+  "middle",
+  "alphabetic",
+  "ideographic",
+  "bottom",
+];
+ctx.font = "36px serif";
+ctx.strokeStyle = "red";
 
 baselines.forEach(function (baseline, index) {
   ctx.textBaseline = baseline;
@@ -64,7 +71,7 @@ baselines.forEach(function (baseline, index) {
   ctx.moveTo(0, y + 0.5);
   ctx.lineTo(550, y + 0.5);
   ctx.stroke();
-  ctx.fillText('Abcdefghijklmnop (' + baseline + ')', 0, y);
+  ctx.fillText("Abcdefghijklmnop (" + baseline + ")", 0, y);
 });
 ```
 
@@ -76,7 +83,7 @@ baselines.forEach(function (baseline, index) {
 
 {{Specifications}}
 
-## Поддержка браузерами
+## Совместимость с браузерами
 
 {{Compat}}
 

diff --git a/files/ru/web/api/characterdata/index.md b/files/ru/web/api/characterdata/index.md
@@ -3,6 +3,7 @@ title: CharacterData
 slug: Web/API/CharacterData
 translation_of: Web/API/CharacterData
 ---
+
 {{APIRef("DOM")}}
 
 Абстрактный интерфейс **`CharacterData`** представляет собой объект {{domxref("Node")}}, который содержит символы. "Абстрактность" интерфейса означает то, что не существует объектов типа `CharacterData`: интерфейс **`CharacterData`** реализуется посредством других интерфейсов, таких как {{domxref("Text")}}, {{domxref("Comment")}}, или {{domxref("ProcessingInstruction")}}, которые не являются абстрактными.
@@ -41,12 +42,7 @@ _Наследует свойства родителя, {{domxref("Node")}}, ре
 
 ## Спецификации
 
-| Specification                                                                                    | Status                           | Comment                                                                                                                        |
-| ------------------------------------------------------------------------------------------------ | -------------------------------- | ------------------------------------------------------------------------------------------------------------------------------ |
-| {{SpecName('DOM WHATWG', '#characterdata', 'CharacterData')}}                 | {{Spec2('DOM WHATWG')}} | Added implemention of the {{domxref("ChildNode")}} and {{domxref("NonDocumentTypeChildNode")}} interface. |
-| {{SpecName('DOM3 Core', 'core.html#ID-FF21A306', 'CharacterData')}}         | {{Spec2('DOM3 Core')}}     | Без изменений по сравнению с {{SpecName('DOM2 Core')}}.                                                                 |
-| {{SpecName('DOM2 Core', 'core.html#ID-FF21A306', 'CharacterData')}}         | {{Spec2('DOM2 Core')}}     | No change from {{SpecName('DOM1')}}.                                                                                   |
-| {{SpecName('DOM1', 'level-one-core.html#ID-FF21A306', 'CharacterData')}} | {{Spec2('DOM1')}}         | Initial definition.                                                                                                            |
+{{Specifications}}
 
 ## Совместимость с браузерами
 

diff --git a/files/ru/web/api/cleartimeout/index.md b/files/ru/web/api/cleartimeout/index.md
@@ -28,40 +28,43 @@ It's worth noting that the pool of IDs used by {{domxref("WindowOrWorkerGlobalSc
 
 ```js
 var alarm = {
-  remind: function(aMessage) {
+  remind: function (aMessage) {
     alert(aMessage);
     this.timeoutID = undefined;
   },
 
-  setup: function() {
-    if (typeof this.timeoutID === 'number') {
+  setup: function () {
+    if (typeof this.timeoutID === "number") {
       this.cancel();
     }
 
-    this.timeoutID = window.setTimeout(function(msg) {
-      this.remind(msg);
-    }.bind(this), 1000, 'Wake up!');
+    this.timeoutID = window.setTimeout(
+      function (msg) {
+        this.remind(msg);
+      }.bind(this),
+      1000,
+      "Wake up!",
+    );
   },
 
-  cancel: function() {
+  cancel: function () {
     window.clearTimeout(this.timeoutID);
-  }
+  },
+};
+window.onclick = function () {
+  alarm.setup();
 };
-window.onclick = function() { alarm.setup(); };
 ```
 
 ## Примечания
 
 Передача недействительного ID `clearTimeout()` ни к чему не приведёт. Исключение не создается.
 
-## Спецификация
+## Спецификации
 
-| Specification                                                                                                                                    | Status                           | Comment                                                                   |
-| ------------------------------------------------------------------------------------------------------------------------------------------------ | -------------------------------- | ------------------------------------------------------------------------- |
-| {{SpecName('HTML WHATWG', 'webappapis.html#dom-cleartimeout', 'WindowOrWorkerGlobalScope.clearTimeout()')}} | {{Spec2("HTML WHATWG")}} | Method moved to the `WindowOrWorkerGlobalScope` mixin in the latest spec. |
-| {{SpecName('HTML WHATWG', 'webappapis.html#dom-cleartimeout', 'clearTimeout()')}}                                     | {{Spec2('HTML WHATWG')}} |                                                                           |
+{{Specifications}}
 
-## Совместимость с браузером
+## Совместимость с браузерами
 
 {{Compat}}
 

diff --git a/files/ru/web/api/clients/claim/index.md b/files/ru/web/api/clients/claim/index.md
@@ -29,7 +29,7 @@ await clients.claim();
 В примере ниже внутри обработчика события "`activate`" сервис-воркера используется метод `claim()`, что позволяет клиентской странице, загруженной в той же области видимости, обходиться без перезагрузки для использования сервис-воркером.
 
 ```js
-self.addEventListener('activate', event => {
+self.addEventListener("activate", (event) => {
   event.waitUntil(clients.claim());
 });
 ```
@@ -38,7 +38,7 @@ self.addEventListener('activate', event => {
 
 {{Specifications}}
 
-## Поддержка браузерами
+## Совместимость с браузерами
 
 {{Compat}}