VPF::SVG createElement - Форум программистов

beaver

Дата 7.1.2017, 20:49 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 23
Регистрация: 1.7.2007

Репутация: нет
Всего: нет

есть вот такой main.svg файл

Код

<svg    xmlns:svg="http://www.w3.org/2000/svg" 
        xmlns="http://www.w3.org/2000/svg" 
        xmlns:xlink="http://www.w3.org/1999/xlink" 
        onload="svgOnLoad();" 
        id="mySVG"
        version="1.1" width="420" height="295" viewBox="0 0 420 295">
<defs>
    <script type="application/ecmascript"><![CDATA[
        function svgOnLoad(){
        var container = document.getElementById('mySVG');
        var txt = document.createElementNS('http://www.w3.org/2000/svg', 'text');
        txt.setAttribute('x', '10');
        txt.setAttribute('y', '15');
        var t = document.createTextNode("This is text!");
        txt.appendChild(t);
        container.appendChild(txt);
        }
    ]]></script>
</defs>
<rect width="420" height="295" fill="#BBC42A" />
<text x="10" y="35">Text</text>
</svg>

рядом есть вот такой index.html

Код

<html>
<head>
</head>
<body>
<img src="main.svg" width="420" height="295" >
</body>
</html>

оба лежат на диске по пути C:/Test/. При открытии в браузере file:///C:/Test/main.svg все отображается, и текст, созданный через тэг text, и текст, созданный динамически. При открытии file:///C:/Test/index.html текст, который должен быть создан скриптом - не отображается. Подскажите, почему и как побороть?

beaver

Дата 8.1.2017, 13:19 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 23
Регистрация: 1.7.2007

Репутация: нет
Всего: нет

нашел причину:
скрипт внутри svg игнорируется, если svg вставлен как img. Решение: использовать iframe или object

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »