Generated SVG image doesn't display
714 просмотра
1 ответ
I'm developing a JavaScript class to show all SVG objects, but when I create the element "image", the browser doesn't display it. Though if I copy the generated code and put it in another document, the image is displayed.
When I searched the image using Firebug's inspector, the object appears but the image is not displayed.
I created the object using appendChild()
, setAttribute()
and setAttributeNS()
This is the generated code:
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="100%" width="100%" >
<image width="50" height="50" xlink:href="logo.png" y="20" x="20" id="d"></image>
</svg>
What I am doing wrong?
Автор: Alejandro Reyes Источник Размещён: 12.11.2019 10:01Ответы (1)
1 плюс
The problem were the namespaces. This is the correct form to create images dynamically:
image.setAttributeNS('http://www.w3.org/1999/xlink', 'xlink:href', 'flower.png');
More imformation can be found on MDN's 'Namespaces Crash Course'.
Автор: Alejandro Reyes Размещён: 29.10.2014 03:44Вопросы из категории :
- javascript Как определить, какой из указанных шрифтов был использован на веб-странице?
- javascript Валидация клиентской стороны ASP.Net
- javascript Длина объекта JavaScript
- javascript Получение текста из выпадающего списка
- javascript Скрипт входа со скрытыми кнопками
- javascript Как автоматически изменить размер текстовой области с помощью Prototype?
- javascript Удаление элементов с помощью Array.map в JavaScript
- javascript Прокрутка переполненных DIV с помощью JavaScript
- javascript API Карт Google - проблемы с классом GLatLngBounds
- javascript Проверка десятичных чисел в JavaScript - IsNumeric ()
- svg Как проверить, загружен ли внедренный документ SVG на html-страницу?
- svg Как получить эффект контура на текст в SVG?
- svg Создание SVG-графики с использованием Javascript?
- svg Существуют ли зрелые библиотеки векторного рисования для Python? (это работает на Windows)
- svg SVG получить ширину текстового элемента
- svg Как преобразовать изображение PNG в SVG?
- svg Делаем объект изображения svg кликабельным с помощью onclick, избегая абсолютного позиционирования
- svg Каковы различные варианты использования PNG против GIF против JPEG против SVG?
- svg Любые идеи о том, как реализовать событие «touchMoveOver» в Javascript?
- svg Рафаэль использует холст или SVG?