diff --git a/guide/russian/canvas/canvas-dimensions/index.md b/guide/russian/canvas/canvas-dimensions/index.md index c15c940cb6..d888ccb2b1 100644 --- a/guide/russian/canvas/canvas-dimensions/index.md +++ b/guide/russian/canvas/canvas-dimensions/index.md @@ -4,15 +4,15 @@ localeTitle: Размеры холста --- ## Размеры холста -Атрибуты `width` и `height` будут определять размер холста. Эти атрибуты управляют размером холста чертежа, а не фактическим отображаемым размером. +Атрибуты `width` и `height` будут определять размер холста. Эти атрибуты управляют размером чертежа холста, а не фактическим отображаемым размером. См. [Демонстрацию размеров](https://codepen.io/alanluo/pen/jLWMmM/) [полотна](https://codepen.io/alanluo) Pen Alan Luo ( [@alanluo](https://codepen.io/alanluo) ) на [CodePen](https://codepen.io) . -В приведенном выше перо оба элемента `canvas` имеют одинаковые размеры, установленные через CSS. Тем не менее, в два раза больше высоты, установленной через атрибут `height` , что приводит к тому, что один и тот же прямоугольник становится отображаемым на половине высоты. +В приведенном выше примере оба элемента `canvas` имеют одинаковые размеры, установленные через CSS. Тем не менее, в два раза больше высоты, установленной через атрибут `height` , что приводит к тому, что один и тот же прямоугольник отображается на половину высоты. -Это может вызвать проблемы, когда вы хотите создать холст с динамическим размером. Для instnace вы можете сделать полноэкранный холст или использовать холст в виде миниатюры. +Это может вызвать проблемы, когда вы хотите создать холст с динамическим размером. Для instance вы можете сделать полноэкранный холст или использовать холст в виде миниатюры. -Чтобы размер контекста рисования соответствовал визуализированному размеру элемента `canvas` , мы должны заставить его в реальном времени. Одной из распространенных практик является включение в обработчик `onResize` следующего обработчика. +Чтобы размер контекста рисования соответствовал визуализированному размеру элемента `canvas` , мы должны обрабатывать его в реальном времени. Одной из распространенных практик является включение в обработчик `onResize` следующего обработчика. ```js // somewhere early in the script @@ -28,4 +28,4 @@ localeTitle: Размеры холста #### Дополнительная информация: -* [API холста MDN](https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API) \ No newline at end of file +* [API холста MDN](https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API)