HTMl + SVG + JavaScript: изменить текст во время выполнения?

Я собираюсь перенести несколько приложений на основе Flash на HTML + JavaScript + SVG (единственный целевой механизм рендеринга - Webkit).

Я совершенно новичок в SVG и хотел бы знать, могу ли я использовать SVG в качестве шаблона изображения для заполнения экрана и изменения содержащегося текста на лету из кода JavaScript, встроенного в страницу HTML.

Я хочу сделать следующее: нарисовать основную структуру страницы в Inkscape (с некоторыми графическими и текстовыми заполнителями), а затем просто отобразить SVG на странице HTML и заполнить текстовые заполнители с помощью JavaScript.

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

Можно ли это сделать? Как?

Я использую Prototype framework , а не JQuery.

5
задан robertc 30 May 2011 в 15:34
поделиться