Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

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

Merged
merged 1 commit into from
Aug 3, 2023
Merged

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

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 9 additions & 7 deletions files/ru/web/api/canvasrenderingcontext2d/stroke/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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`.
Expand Down Expand Up @@ -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();
```
Expand All @@ -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
Expand All @@ -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);
Expand All @@ -89,7 +91,7 @@ window.addEventListener("load", drawCanvas);

{{Specifications}}

## Поддержка браузеров
## Совместимость с браузерами

{{Compat}}

Expand Down
10 changes: 6 additions & 4 deletions files/ru/web/api/canvasrenderingcontext2d/strokerect/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,7 @@ tags:
- Reference
translation_of: Web/API/CanvasRenderingContext2D/strokeRect
---

{{APIRef}}

Метод **`CanvasRenderingContext2D.strokeRect()`**, предоставляемый Canvas 2D API, рисует на холсте прямоугольник, имеющий начальную точку с координатами _(x, y)_, а так же ширину _w_ и высоту _h_, используя текущий стиль линий.
Expand Down Expand Up @@ -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
Expand All @@ -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);
Expand Down
36 changes: 15 additions & 21 deletions files/ru/web/api/canvasrenderingcontext2d/strokestyle/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand All @@ -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);
Expand All @@ -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();
}
}
Expand All @@ -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")}}
Expand Down
9 changes: 5 additions & 4 deletions files/ru/web/api/canvasrenderingcontext2d/stroketext/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand All @@ -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);
Expand Down
33 changes: 17 additions & 16 deletions files/ru/web/api/canvasrenderingcontext2d/textalign/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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);
```

Отредактируйте приведённый ниже код и посмотрите, как обновляется ваше обновление на холсте:
Expand All @@ -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) }}
Expand Down
23 changes: 15 additions & 8 deletions files/ru/web/api/canvasrenderingcontext2d/textbaseline/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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;
Expand All @@ -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);
});
```

Expand All @@ -76,7 +83,7 @@ baselines.forEach(function (baseline, index) {

{{Specifications}}

## Поддержка браузерами
## Совместимость с браузерами

{{Compat}}

Expand Down
8 changes: 2 additions & 6 deletions files/ru/web/api/characterdata/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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")}}, которые не являются абстрактными.
Expand Down Expand Up @@ -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}}

## Совместимость с браузерами

Expand Down
33 changes: 18 additions & 15 deletions files/ru/web/api/cleartimeout/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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}}

Expand Down
4 changes: 2 additions & 2 deletions files/ru/web/api/clients/claim/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -29,7 +29,7 @@ await clients.claim();
В примере ниже внутри обработчика события "`activate`" сервис-воркера используется метод `claim()`, что позволяет клиентской странице, загруженной в той же области видимости, обходиться без перезагрузки для использования сервис-воркером.

```js
self.addEventListener('activate', event => {
self.addEventListener("activate", (event) => {
event.waitUntil(clients.claim());
});
```
Expand All @@ -38,7 +38,7 @@ self.addEventListener('activate', event => {

{{Specifications}}

## Поддержка браузерами
## Совместимость с браузерами

{{Compat}}

Expand Down
Loading