fixed wrong translations (#29321)
This commit is contained in:
committed by
Gregory Gubarev
parent
901d77d1ca
commit
f179b47574
@ -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
|
||||
|
Reference in New Issue
Block a user