• 0
ioprst

Растянуть svg на весь экран

Вопрос

Привет. Подскажите, пожалуйста, как растянуть svg на весь экран и возможно ли это вообще. Например, есть svg как в приложении (truba.svg), может быть ситуация, что таких svg будет несколько (естественно, объединенных в одну).

svg на страничке отображаю следующим образом:
 

<object id="svg_id" type="image/svg+xml" width="1024" height="768" data="svg_name.svg"></object>

 

Также, если кто знает, подскажите, что можно/нужно почитать для решения следующей проблемы: есть на страничке svg, например, на svg нарисована кнопка, и если нажать на эту кнопку, происходит какое-то событие, на которое js реагирует. Спасибо.

Изменено пользователем ioprst

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Рекомендованные сообщения

  • 0

Так же как и для jpg, через соответствующие атрибуты . Например width="100vw" или аналогичное css правило.

зы У вложенных элементов тоже могут быть прописаны, атрибуты . Можно изменять в любом редакторе кода,  добавлять классы.

Изменено пользователем andrey7287

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
  • 0

adrey7287, width="100vw" попробовал, ничего не меняется, также мелкая картинка в углу. сама картинке (svg) имеет размеры 64х64px (это та, что truba), но вообще я загружаю на сайд svg которая имеет размеры: height="100%"  width="100%".

Изменено пользователем ioprst

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас

  • Похожие публикации

    • Автор: deekep
      Как запустить файл типа index.php на пк? 
    • Автор: adriano31
      Rebeata, nujna pomosh. Ne znaiu kak skachat mnogo jpg files odnim klick-om . 
      Primer :
      http://img.tennis-warehouse.com/new_big/AMDBNBW-1.jpg
      http://img.tennis-warehouse.com/new_big/AMDBNBW-2.jpg
      http://img.tennis-warehouse.com/new_big/AMDBNBW-3.jpg
      http://img.tennis-warehouse.com/new_big/AMDBNBW-4.jpg
      http://img.tennis-warehouse.com/new_big/AMDBNBW-5.jpg
       
      Jelatelno bez zip, no esli netu drugogo vyhoda...
       
      Izvinite za moi ruskii. 
       
       
    • Автор: umid99
      Доброго всем времени суток,  нужна ваша помощь .  Нужно сделать небольшое всплывающее окно на лэндинг которое показывает сообщения типа "Сейчас марина купила товара на сумму ххх " или "Осталось товара по акции;5шт" , по ссылке пример. Желательно сделать 1в1 . всех благодарю за помощь !

Карта разработчиков

Карта участников

Отметь себя на карте для поиска или предложения работы