работа с SVG форматом

[alexander.pronin]

Все откладывал, но уже пришло время разобраться с svg.
Задача такая (как я себе мыслю).
В html есть 3 div.
div1 (будет показывать картинку)
div2 (скрытый svg xml)
div3 (скрытый сюда периодически подгружаются xml теги, по которым будет меняться картинка с помощью JS).
Наработок у меня по этой теме пока нет. Что подскажете, чтобы придать ускорение.
Пользователь решил продолжить мысль 23 Октября 2009, 14:27:11:Возник более конкретный вопрос.
Возможна ли загрузка svg в какой-то div на html странице (это пока не получается)
или только возможно в текущий фрейм (это у меня получается).

[alexander.pronin]

Возможна ли загрузка svg в какой-то div на html странице (это пока не получается)
или только возможно в текущий фрейм (это у меня получается).

Возможно.
Но надо использовать не div, а embed. При использовании div происходит перезагрузка всего окна. Похоже, что xslt формирует полный html с head и body.
При использовании embed происходит загрузка в блок, но при этом возникают какие-то проблемы с getElementById внутри самого svg. Метод возвращает null.
ОЧЕНЬ СТРАННО.
Пользователь решил продолжить мысль 26 Октября 2009, 11:17:45:Попробовал еще с object и iframe.
Только iframe, похоже, пойдет, хотя все варианты загружают svg.
Пользователь решил продолжить мысль 26 Октября 2009, 16:42:36:Ура ! Добил, заработало.
Последний прикол был с фреймами, но файербаг и правильные вопросы в тырнете сделали свое дело.
Если у кого есть вопросы по svg, я готов отвечать. Все очень просто, если разобраться.
За svg  будущее.

[bektau]

Если у кого есть вопросы по svg, я готов отвечать. Все очень просто, если разобраться.
За svg  будущее.

Их есть у меня! 


А есть библиотечка какая нибудь для того чтобы из командной строки конвертить, только не просто встраивая изображение в svg файл, а реально конвертить ?
я нашёл только как из svg делать растровые изображения,

(Нажмите, чтобы показать/скрыть)

Код: [Выделить]

sudo apt-get install librsvg2-bin
rsvg [option] in.svg out.png rsvg
-d --dpi number -D - Число точек на дюйм
    Установить разрешение изображения в пикселях на дюйм. Текущий умолчанию RSVG является 90dpi
-x --x-zoom number -X - X-увеличение числа
 Если не указано, 1.0 используется по умолчанию.
-y --y-zoom number -Y - Y-увеличение числа
    У Коэффициент масштабирования в процентах. Если не указано, 1.0 используется по умолчанию.
-w --width integer -W - ширина целого
    Укажите, как вы хотели широкое изображение, которое будет. Если не указано, естественная ширина изображения используется по умолчанию.
-h --height integer -H - высота Integer
    Укажите, как вы хотели высокий изображение, которое будет. Если не указано, естественная высота изображения используется по умолчанию.
-f --format [png, jpeg] -F - формат [PNG, JPEG]
    Указать выходной формат, который вы хотели на изображение, чтобы быть сохраненным файлом Если не указано, PNG используется по умолчанию.
-v --version -V - версия
   Показать, какая версия rsvg это. не судите за машинный перевод.
----------------------------------------------------------------------------

но мне нужно наоборот.
на сайте загружаемые изображения, хочу давать возможность увеличивать и уменьшать без потери качества.

ну и вообще, в принципе и отдавать потом в галерее фотки, целесообразно думаю в сжатом svg для нормальных браузеров,
и в преобразованном под растр для ие.

[alexander.pronin]

В inscape есть векторизация растровых изображений. Причем это нетривиальная задача, многозаходная и требующая при плавных переходах напилинга. Поэтому врядли найдется утилита для командной строки. Я такую не знаю.

[13hakta]

вот и мой вопрос подоспел:
использую FF 3.5

в HTML объявляю так:

Код: [Выделить]

<object data="graph.svg" width="400" height="500" id="troll" type="image/svg+xml"></object>

Код: [Выделить]

var trollobj = document.getElementById('troll'), svgdoc, svg, elem;

 if (trollobj && trollobj.contentDocument)
  svgdoc = trollobj.contentDocument;
 else try {
  svgdoc = trollobj.getSVGDocument();
 }
 catch(exception) {
  alert('Neither the HTMLObjectElement nor the GetSVGDocument interface are implemented');
 }

svg = svgdoc.documentElement;
elem = svg.getElementById('elem1');
FF ругается на то, что метод getElementById не реализован. Как обратиться к элементам SVG из HTML?

[alexander.pronin]

Дам примерчик для анализа ошибок.
Пользователь решил продолжить мысль 19 Января 2010, 12:57:31:

[13hakta]

разобрался, сделал. но убил несколько часов...по непонятым причинам стало работать.

[alexander.pronin]

Страницу надо перегружать после корректировки ее.

[13hakta]

естесственно перегружал страницу!

[alexander.pronin]

У меня был случай.
Рихтовал страницу, сейчас не помню уже что требовалось, но осадок остался.
Что-то менялось, а что хотел получить не получалось. Я там разошелся не на шутку. Домой ушел поздно.
Утром с утра пробую, совсем все другое, причем, как оказалось, я доломал до нерабочего состояния страницу, а вечером почти все работало.
Вероятно, какое-то кеширование происходит и все клинит по-черному.

[13hakta]

Вот что у меня получилось в интерактивной схеме http://phoenix.strchat.ru/tr/ рабочий вариант первого приближения к результату из-за функций querySelectorAll работает корректно только на последнем FF и Chrome.

[alexander.pronin]

У меня работает так.
Выбираю маршрут (становится зелененьким) - старт- бегает по маршруту с высвечиванием остановок (красным цветом) и текстовых описаний.
FF3.0.15
Для древних браузеров можно просто выдать сообщение и этим ограничиться.

[13hakta]

всё так и должно быть, только не на всех браузерах будет работать подсвечивание кружочков при наведении курсора.