svg tag скрывает что-либо после html тела

Question

svg tag скрывает что-либо после html тела

0

В этом простом примере отображается только раздел A (с Chromium Version 28.0.1500.71), а не раздел B, который находится сразу после тега svg.

Это нормальное поведение и почему, я что-то делаю неправильно, или это ошибка в хроме?

<html>
<body>

<section>
    <H1>THis is section A</H1>
</section>

<div>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
  <rect x="50" y="20" rx="20" ry="20" width="150" height="150" style="fill:red;stroke:black;stroke-width:5;opacity:0.5">
  </rect>

  <foreignObject x="50" y="20" width="150" height="150">
        <H2>This is H2 text embedded in svg</H2>
  </foreignObject>
</svg>
</div>

<section>
    <H1>This is section B and should be displayed</H1>
</section>


</body>
</html>

Stephane Rolland 19 сен. 2013, в 09:24

Источник

Теги:

html

svg

1 ответ

Ещё вопросы

Stephane Rolland · Answer 1 · 2013-09-19T03-56-00.000Z

Firefox отображает данные соответствующим образом. Так что это ошибка в Chromium версии 28.0.1500.71.

Изменить: как отмечали комментаторы, для правильного рендеринга достаточно установить ширину и/или высоту. Таким образом, если говорить, то это лишь незначительная ошибка.