Изменение высоты и ширины графического элемента

Для того, чтобы задать размеры графического элемента, потребуются базовые знания HTML, но в целом процесс прост. С помощью этого процесса можно настроить отображение графического элемента на интернет-странице.

Примечание.

Обратите внимание, что данная процедура применяется только к JavaScript коду графического элемента. В настоящее время графические элементы с URL не могут быть изменены.

По умолчанию высота и ширина графического элемента масштабируются под размер окна браузера. Такое динамическое свойство позволяет просматривать графический элемент на экранах практически всех известных разрешений.

Чтобы изменить размеры графического элемента, добавьте стиль div в код вокруг вашего графического элемента. Этот шаг выполняется с помощью HTML, в результате чего рамку графического элемента можно полностью настроить на свое усмотрение.

Для отображения кода графического элемента ниже, щелкните соответствующую ссылку получить код на странице управления:

<script type='text/javascript' language='JavaScript' src='https://secure.echosign.com/public/embeddedWidget?wid=2AAABLblqZhCb3ZNyEbi1ywHYaBw893IPRafJOjVvgE44n4Kb36XRArp5QgTpBhUWhLa7x81ek18*'></script> 

Чтобы изменить размер, добавьте следующий код перед кодом графического элемента. Данный код задает ширину 500 пикселов и высоту 600 пикселов. Рамку для графического элемента также можно изменить, изменив свойства рамки.

<div style="height:500px; width:600px; border:1px solid black;">

Код для вставки на веб-сайт, на котором размещен графический элемент:

<html>

<div style="height:500px; widget:600px; border: 1px solid black;">

<script type='text/javascript' language='JavaScript' src='https://secure.echosign.com/public/embeddedWidget?wid=2AAABLblqZhCb3ZNyEbi1ywHYaBw893IPRafJOjVvgE44n4Kb36XRArp5QgTpBhUWhLa7x81ek18*'>

</script>

</div>

</html>

Как видите, в результате графический элемент отображается с указанными размерами. Очевидно, эти размеры не идеальны, но по ним видно, как установка высоты и ширины влияет на опубликованный графический элемент.

Дополнительные примеры

Полноэкранный режим 1

<body style="margin: 0; padding: 0;">
<script type='text/javascript' language='JavaScript' src='https://secure.echosign.com/public/embeddedWidget?wid=[yourwidgteId goes here]'>

</script>
</body>

Полноэкранный режим 2

<div style="height:100%; width:100%; border:0px solid black;">

<script> </script>

</div>

 

Эта работа лицензируется в соответствии с лицензией Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported  На посты, размещаемые в Twitter™ и Facebook, условия Creative Commons не распространяются.

Правовые уведомления   |   Политика конфиденциальности в сети Интернет