Как правильно использовать SVG в Opera?

Question

Может кто-нибудь сказать мне, как заставить Opera Opera для рендеринга SVG в HTML?

<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="142" height="142">
    <rect x="19" y="19" width="104" height="104" r="0" rx="0" ry="0" fill="none" stroke="#000000"
          style="stroke-opacity: 1; stroke-width: 2;" stroke-opacity="1" stroke-width="2"/>
    <rect x="36" y="36" width="70" height="70" r="0" rx="0" ry="0" fill="none" stroke="#000000"
          style="stroke-opacity: 1; stroke-width: 2;" stroke-opacity="1" stroke-width="2"/>
</svg>

Этот код работает нормально, если расширение файла не .html

UPD: Я пытаюсь поместить div с svg внутри сгенерированного Raphael.js в новом окне. И это не работает в Опере.

Answer 1

Для работы SVG в HTML браузер должен иметь парсер HTML5, а Opera будет иметь его только с версии 12.

Если вам абсолютно необходимо иметь SVG прямо в коде HTML, вам нужен документиметь расширение файла xhtml и быть действительным файлом xml (если вы запускаете его с диска), а также отправлять его с application/xhtml+xml типом mime или другим допустимым типом xml mime при отправке с веб-сервера.

Answer 2

Вместо SVG в HTML используйте SVG в XHTML .

(Убедитесь, что ваш веб-сервер отправляет правильный тип MIME для XHTML.)

Answer 3

Кстати, мы недавно выпустили Opera 12 Alpha, которая имеет парсер HTML5 и поддерживает встроенный SVG.Он должен работать там и в последующих более поздних версиях.