107 lines
20 KiB
HTML
107 lines
20 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<title>Работа с объектами</title>
|
||
<meta charset="utf-8" />
|
||
<meta name="description" content="Перемещайте, поворачивайте автофигуры и изображения, изменяйте их размер и форму автофигур." />
|
||
<link type="text/css" rel="stylesheet" href="../editor.css" />
|
||
<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
|
||
<script type="text/javascript" src="../callback.js"></script>
|
||
<script type="text/javascript" src="../search/js/page-search.js"></script>
|
||
</head>
|
||
<body>
|
||
<div class="mainpart">
|
||
<div class="search-field">
|
||
<input id="search" class="searchBar" placeholder="Поиск" type="text" onkeypress="doSearch(event)">
|
||
</div>
|
||
<h1>Работа с объектами</h1>
|
||
<p>Можно изменять размер автофигур, изображений и диаграмм, вставленных на рабочий лист, перемещать, поворачивать их и располагать в определенном порядке.</p>
|
||
<p class="note">
|
||
<b>Примечание</b>: список сочетаний клавиш, которые можно использовать при работе с объектами, доступен <a href="../HelpfulHints/KeyboardShortcuts.htm#workwithobjects" onclick="onhyperlinkclick(this)">здесь</a>.
|
||
</p>
|
||
<h3>Изменение размера объектов</h3>
|
||
<p>Для изменения <b>размера</b> автофигуры/изображения/диаграммы перетаскивайте маленькие квадраты <div class = "icon icon-resize_square"></div>, расположенные по краям объекта. Чтобы сохранить исходные пропорции выбранного объекта при изменении размера, удерживайте клавишу <b>Shift</b> и перетаскивайте один из угловых значков.</p>
|
||
<p class="note"><b>Примечание</b>: для изменения размера вставленной диаграммы или изображения можно также использовать правую боковую панель, которая будет активирована, как только вы выделите нужный объект. Чтобы открыть ее, щелкните по значку <b>Параметры диаграммы</b> <div class = "icon icon-chartsettingsicon"></div> или <b>Параметры изображения</b> <div class = "icon icon-image_settings_icon"></div> справа.</p>
|
||
<p><div class = "big big-maintain_proportions"></div></p>
|
||
<h3>Перемещение объектов</h3>
|
||
<p>Для изменения <b>местоположения</b> автофигуры/изображения/диаграммы используйте значок <div class = "icon icon-arrow"></div>, который появляется после наведения курсора мыши на объект. Перетащите объект на нужное место, не отпуская кнопку мыши.
|
||
Чтобы перемещать объект с шагом в один пиксель, удерживайте клавишу <b>Ctrl</b> и используйте стрелки на клавиатуре.
|
||
Чтобы перемещать объект строго по горизонтали/вертикали и предотвратить его смещение в перпендикулярном направлении, при перетаскивании удерживайте клавишу <b>Shift</b>.</p>
|
||
<h3>Поворот объектов</h3>
|
||
<p>Чтобы вручную <b>повернуть</b> автофигуру/изображение, наведите курсор мыши на маркер поворота <div class = "icon icon-greencircle"></div> и перетащите его по часовой стрелке или против часовой стрелки. Чтобы ограничить угол поворота шагом в 15 градусов, при поворачивании удерживайте клавишу <b>Shift</b>.</p>
|
||
<p>Чтобы повернуть фигуру или изображение на 90 градусов против часовой стрелки или по часовой стрелке или отразить объект по горизонтали или по вертикали, можно использовать раздел <b>Поворот</b> на правой боковой панели, которая будет активирована, как только вы выделите нужный объект. Чтобы открыть ее, нажмите на значок <b>Параметры фигуры</b> <div class = "icon icon-shape_settings_icon"></div> или <b>Параметры изображения</b> <div class = "icon icon-image_settings_icon"></div> справа. Нажмите на одну из кнопок:</p>
|
||
<ul>
|
||
<li><div class = "icon icon-rotatecounterclockwise"></div> чтобы повернуть объект на 90 градусов против часовой стрелки</li>
|
||
<li><div class = "icon icon-rotateclockwise"></div> чтобы повернуть объект на 90 градусов по часовой стрелке</li>
|
||
<li><div class = "icon icon-fliplefttoright"></div> чтобы отразить объект по горизонтали (слева направо)</li>
|
||
<li><div class = "icon icon-flipupsidedown"></div> чтобы отразить объект по вертикали (сверху вниз)</li>
|
||
</ul>
|
||
<p>Также можно щелкнуть правой кнопкой мыши по изображению или фигуре, выбрать из контекстного меню пункт <b>Поворот</b>, а затем использовать один из доступных вариантов поворота объекта.</p>
|
||
<p>Чтобы повернуть фигуру или изображение на точно заданный угол, нажмите на ссылку <b>Дополнительные параметры</b> на правой боковой панели и используйте вкладку <b>Поворот</b> в окне <b>Дополнительные параметры</b>. Укажите нужное значение в градусах в поле <b>Угол</b> и нажмите кнопку <b>OK</b>.</p>
|
||
<h3>Изменение формы автофигур</h3>
|
||
<p>При изменении некоторых фигур, например, фигурных стрелок или выносок, также доступен желтый значок в форме ромба <img alt="Значок Желтый ромб" src="../images/yellowdiamond.png" />. Он позволяет изменять отдельные параметры формы, например, длину указателя стрелки.</p>
|
||
<p><img alt="Изменение формы автофигуры" src="../images/reshaping.png" /></p>
|
||
<p>Чтобы изменить форму автофигуры, вы также можете использовать опцию <b>Изменить точки</b> в <b>контекстном меню</b>.</p>
|
||
<p><b>Изменить точки</b> используется для редактирования формы или изменения кривизны автофигуры.</p>
|
||
<ol>
|
||
<li>
|
||
Чтобы активировать редактируемые опорные точки фигуры, щелкните по фигуре правой кнопкой мыши и в контекстном меню выберите пункт <b>Изменить точки</b>. Черные квадраты, которые становятся активными, — это точки, где встречаются две линии, а красная линия очерчивает фигуру. Щелкните и перетащите квадрат, чтобы изменить положение точки и изменить контур фигуры.
|
||
<p><img alt="Изменить точки Меню" src="../images/editpoints_rightclick.png" /></p>
|
||
</li>
|
||
<li>
|
||
После сдвига опорной точки фигуры, появятся две синие линии с белыми квадратами на концах. Это кривые Безье, которые позволяют создавать кривую и изменять ее значение.
|
||
<p><img alt="Изменить точки" src="../images/editpoints_example.png" /></p>
|
||
</li>
|
||
<li>
|
||
Пока опорные точки активны, вы можете добавлять и удалять их:
|
||
<ul>
|
||
<li><b>Чтобы добавить точку к фигуре</b>, удерживайте <b>Ctrl</b> и щелкните место, где вы хотите добавить опорную точку.</li>
|
||
<li><b>Чтобы удалить точку</b>, удерживайте <b>Ctrl</b> и щелкните по ненужной точке.</li>
|
||
</ul>
|
||
</li>
|
||
</ol>
|
||
<h3>Выравнивание объектов</h3>
|
||
<p>Чтобы <b>выровнять</b> <em>два или более</em> выбранных объектов относительно друг друга, удерживайте нажатой клавишу <b>Ctrl</b> при выделении объектов мышью, затем щелкните по значку <div class = "icon icon-align_toptoolbar"></div> <b>Выравнивание</b> на вкладке <b>Макет</b> верхней панели инструментов и выберите из списка нужный тип выравнивания:</p>
|
||
<ul>
|
||
<li><b>Выровнять по левому краю</b> <div class = "icon icon-alignobjectleft"></div> - чтобы выровнять объекты относительно друг друга по левому краю самого левого объекта,</li>
|
||
<li><b>Выровнять по центру</b> <div class = "icon icon-alignobjectcenter"></div> - чтобы выровнять объекты относительно друг друга по их центру,</li>
|
||
<li><b>Выровнять по правому краю</b> <div class = "icon icon-alignobjectright"></div> - чтобы выровнять объекты относительно друг друга по правому краю самого правого объекта,</li>
|
||
<li><b>Выровнять по верхнему краю</b> <div class = "icon icon-alignobjecttop"></div> - чтобы выровнять объекты относительно друг друга по верхнему краю самого верхнего объекта,</li>
|
||
<li><b>Выровнять по середине</b> <div class = "icon icon-alignobjectmiddle"></div> - чтобы выровнять объекты относительно друг друга по их середине,</li>
|
||
<li><b>Выровнять по нижнему краю</b> <div class = "icon icon-alignobjectbottom"></div> - чтобы выровнять объекты относительно друг друга по нижнему краю самого нижнего объекта.</li>
|
||
</ul>
|
||
<p>Можно также щелкнуть по выделенным объектам правой кнопкой мыши, выбрать из контекстного меню пункт <b>Выравнивание</b>, а затем использовать доступные варианты выравнивания объектов.</p>
|
||
<p class="note"><b>Примечание</b>: параметры выравнивания неактивны, если выделено менее двух объектов.</p>
|
||
<h3>Распределение объектов</h3>
|
||
<p>Чтобы <b>распределить</b> <em>три или более</em> выбранных объектов по горизонтали или вертикали между двумя крайними выделенными объектами таким образом, чтобы между ними было равное расстояние, нажмите на значок <div class = "icon icon-align_toptoolbar"></div> <b>Выравнивание</b> на вкладке <b>Макет</b> верхней панели инструментов и выберите из списка нужный тип распределения:</p>
|
||
<ul>
|
||
<li><b>Распределить по горизонтали</b> <div class = "icon icon-distributehorizontally"></div> - чтобы равномерно распределить объекты между самым левым и самым правым выделенным объектом.</li>
|
||
<li><b>Распределить по вертикали</b> <div class = "icon icon-distributevertically"></div> - чтобы равномерно распределить объекты между самым верхним и самым нижним выделенным объектом.</li>
|
||
</ul>
|
||
<p>Можно также щелкнуть по выделенным объектам правой кнопкой мыши, выбрать из контекстного меню пункт <b>Выравнивание</b>, а затем использовать доступные варианты распределения объектов.</p>
|
||
<p class="note"><b>Примечание</b>: параметры распределения неактивны, если выделено менее трех объектов.</p>
|
||
<h3>Группировка объектов</h3>
|
||
<p>Чтобы манипулировать несколькими объектами одновременно, можно <b>сгруппировать</b> их. Удерживайте нажатой клавишу <b>Ctrl</b> при выделении объектов мышью, затем щелкните по стрелке рядом со значком <div class = "icon icon-group_toptoolbar"></div> <b>Группировка</b> на вкладке <b>Макет</b> верхней панели инструментов и выберите из списка нужную опцию:</p>
|
||
<ul>
|
||
<li><b>Сгруппировать</b> <div class = "icon icon-group"></div> - чтобы объединить несколько объектов в группу, так что их можно будет одновременно поворачивать, перемещать, изменять их размер, выравнивать, упорядочивать, копировать, вставлять, форматировать как один объект.</li>
|
||
<li><b>Разгруппировать</b> <div class = "icon icon-ungroup"></div> - чтобы разгруппировать выбранную группу ранее сгруппированных объектов.</li>
|
||
</ul>
|
||
<p>Можно также щелкнуть по выделенным объектам правой кнопкой мыши, выбрать из контекстного меню пункт <b>Порядок</b>, а затем использовать опцию <b>Сгруппировать</b> или <b>Разгруппировать</b>.</p>
|
||
<p class="note"><b>Примечание</b>: параметр <b>Сгруппировать</b> неактивен, если выделено менее двух объектов. Параметр <b>Разгруппировать</b> активен только при выделении ранее сгруппированных объектов.</p>
|
||
<p><img alt="Группировка объектов" src="../images/grouping.png" /></p>
|
||
<h3 id="arrange">Упорядочивание объектов</h3>
|
||
<p>Чтобы определенным образом <b>расположить</b> выбранный объект или объекты (например, изменить их порядок, если несколько объектов накладываются друг на друга), можно использовать значки <div class = "icon icon-bringforward_toptoolbar"></div> <b>Перенести вперед</b> и <div class = "icon icon-sendbackward_toptoolbar"></div> <b>Перенести назад</b> на вкладке <b>Макет</b> верхней панели инструментов и выбрать из списка нужный тип расположения.</p>
|
||
<p>Чтобы переместить выбранный объект (объекты) вперед, нажмите на стрелку рядом со значком <div class = "icon icon-bringforward_toptoolbar"></div> <b>Перенести вперед</b> на вкладке <b>Макет</b> верхней панели инструментов и выберите из списка нужный тип расположения:</p>
|
||
<ul>
|
||
<li><b>Перенести на передний план</b> <div class = "icon icon-bringtofront"></div> - чтобы переместить выбранный объект, так что он будет находиться перед всеми остальными объектами,</li>
|
||
<li><b>Перенести вперед</b> <div class = "icon icon-bringforward"></div> - чтобы переместить выбранный объект на один уровень вперед по отношению к другим объектам.</li>
|
||
</ul>
|
||
<p>Чтобы переместить выбранный объект (объекты) назад, нажмите на стрелку рядом со значком <div class = "icon icon-sendbackward_toptoolbar"></div> <b>Перенести назад</b> на вкладке <b>Макет</b> верхней панели инструментов и выберите из списка нужный тип расположения:</p>
|
||
<ul>
|
||
<li><b>Перенести на задний план</b> <div class = "icon icon-sendtoback"></div> - чтобы переместить выбранный объект, так что он будет находиться позади всех остальных объектов,</li>
|
||
<li><b>Перенести назад</b> <div class = "icon icon-sendbackward"></div> - чтобы переместить выбранный объект на один уровень назад по отношению к другим объектам.</li>
|
||
</ul>
|
||
<p>Можно также щелкнуть по выделенному объекту или объектам правой кнопкой мыши, выбрать из контекстного меню пункт <b>Порядок</b>, а затем использовать доступные варианты расположения объектов.</p>
|
||
</div>
|
||
</body>
|
||
</html> |