Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   подключение svg в html (https://javascript.ru/forum/dom-window/51322-podklyuchenie-svg-v-html.html)

Ваня98 02.11.2014 17:52

подключение svg в html
 
Вложений: 1
Здравствуйте! Помогите пожалуйста разобраться.
Требовалось внести svg-код в html документ. Я не нашёл лучше способа как через <object>.
<object data="link.svg" type="image/svg+xml" width="400" height="450">
</object>

В результате у меня при нажатии ссылок, находящихся в подключённом svg коде, открываются сайты не на полную страницу как хотелось бы, а в окошке 400х450. Как это обойти? Может быть возможен какой-либо другой способ вставки svg в html?

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Растягиваемый фон</title>
  <style>
   body {
    background: url(images/loshad.png) no-repeat;
    -moz-background-size: 100%; /* Firefox 3.6+ */
    -webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */
    -o-background-size: 100%; /* Opera 9.6+ */
    background-size: 100%; /* Современные браузеры */
   }
  </style>
 </head>
 <body>
 <object data="link.svg" type="image/svg+xml" width="400" height="450">
</object>
 </body>
</html>

Страница во вложении.

kostyanet 02.11.2014 18:24

Обойти вот это

width="400" height="450">

Ваня98 02.11.2014 21:40

Вот именно это меня и интересует. Как обойти?

MallSerg 03.11.2014 05:13

<a xlink:href="/svg/index.html" xlink:show="new">
<a xlink:href="/svg/index.html" xlink:show="replace">
<a xlink:href="/svg/index.html" target="_blank">
<a xlink:href="/svg/index.html" target="_top">

все это есть в документации =(

danik.js 03.11.2014 10:15

Дык в HTML5 можно вставлять svg код прямо в html страницу :)

Ваня98 03.11.2014 12:00

Спасибо MallSerg за помощь, очень помог!!!

Цитата:

Дык в HTML5 можно вставлять svg код прямо в html страницу
Да, пробовал, но почему-то отображается некорректно, в виде строчки с ссылками вместо окружности.

danik.js 03.11.2014 21:05

Цитата:

Сообщение от Ваня98
Да, пробовал, но почему-то отображается некорректно, в виде строчки с ссылками вместо окружности.

Значит неправильно пробовал. Покажи код как ты пробовал.


Часовой пояс GMT +3, время: 12:47.