Как встроить SVG? - PullRequest
Новая
       38

Как встроить SVG?

0 голосов
/ 07 июня 2011

Я пытаюсь добавить встроенный SVG-файл в HTML-файл, но он ничего не показывает, хотя хорошо, если он разделен.Почему? 

<html>
    <head></head>
    <body>
        <svg xmlns="http://www.w3.org/2000/svg"
            xmlns:xlink="http://www.w3.org/1999/xlink"
            xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
            width="16px" height="16px">

            <defs>
              <linearGradient id="lg1">
                <stop style="stop-color:#ffffff;stop-opacity:0.50;" offset="0"/>
                <stop style="stop-color:#00ff00;stop-opacity:0.75;" offset="1"/>
              </linearGradient>
              <linearGradient xlink:href="#lg1" id="lg2"
                x1="0" y1="0" x2="16" y2="0" gradientUnits="userSpaceOnUse" />
            </defs>
            <g>
              <rect style="fill:url(#lg2);fill-opacity:1" id="rect3001"
                width="48" height="48" x="0" y="0" />
            </g>
        </svg>
    </body>
</html>

Ответы [ 2 ]

4 голосов
/ 07 июня 2011

Добавить <!DOCTYPE html> - похоже, что IE9 требует этого, но FF и Chrome этого не сделали.

1 голос
/ 12 июня 2011

В качестве альтернативы используйте XHTML.

...