Скриптинг SVG

Question

Я подумываю о разработке веб-сайта, похожего на stackoverflow, но ответы могут также состоять из чертежей (в данном случае схем). Я хочу, чтобы в форме ответа была область, где они могли бы сделать эту схему, не требуя специальных плагинов и т. Д.

1. Мы находимся в такой ситуации, когда SVG имеет или должна иметь критическую массу в ближайшее время (1-2 года), чтобы разработка веб-сайта, на котором SVG-сценарий выполнялся в качестве основной функции, была бы разумной (т. Е. Требуется Firefox или другой SVG / AJAX-совместимый) браузер)
2. Какие есть хорошие ресурсы для изучения межплатформенных сценариев SVG (вероятно, в javascript)?

-Адам Дэвис

Answer 1

Рафаэль выглядит как интересное решение проблемы кросс-браузерной векторной графики.

Answer 2

К сожалению, у меня нет ответа, но у меня есть три указателя на проекты, которые вы можете посмотреть.

Первым является Живое ядро ​​ Дэна Ингаллса (да, Дэн Ингаллс) в Sun Labs. Это реализация виртуального мира Smalltalk на JavaScript поверх SVG. Точнее, это реализация Morphic GUI Framework от Squeak Smalltalk на JavaScript с использованием SVG и порта (частей) Squeak Smalltalk на JavaScript.

Или, если вы не владелец Smalltalker, и вышеперечисленное не имеет для вас смысла: это операционная система, написанная на JavaScript с интерпретатором JavaScript в качестве процессора, SVG в качестве графической карты и браузер в качестве компьютера .

Это настолько экстремально, насколько это возможно, когда дело доходит до JavaScript и SVG. И только полностью работает в Safari 3 и частично в Firefox 3, хотя есть и экспериментальный порт для Internet Explorer.

Второй проект - это порт Processing.js Джона Ресига языка визуализации обработки для JavaScript. Он использует элемент <canvas> вместо SVG именно из-за проблем, которые вы упомянули. Однако этот работает только в Firefox 3.

Третий - 3D в реальном времени в JavaScript от Useless Pickles. Он использует только JavaScript, DOM и CSS и no SVG или <canvas> или Flash или что-либо еще. И он переносим практически на любой браузер, включая Internet Explorer 7 и выше. Делать 2D должно быть еще проще, чем это.

Между этими тремя проектами вы сможете найти вдохновение, а также найти людей, которые пытались продвинуться вперед с помощью JavaScript и SVG или JavaScript и графики и могут рассказать вам, что работает, а что нет.

Вывод: создание кросс-браузерного SVG или кросс-браузерного <canvas> почти невозможно, но с небольшим количеством сумасшествия, кросс-браузерная графика без SVG или <canvas> возможна.

Answer 3

SVGWeb - это скрипт, который добавляет почти родные возможности SVG в IE, используя flash. Все остальные крупные браузеры поддерживают SVG.

http://code.google.com/p/svgweb/

Answer 4

Как уже упоминалось @jwmittag <canvas> является опцией.

Он работает в Saffari и Firefox 3, Opera 9 и . Люди разрабатывают поддержку IE .

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

Я только что закончил проект, используя <canvas>, и это простой и очень мощный API для работы, особенно если вы когда-либо работали с OpenGL или Cairo.

Удачи, звучит как крутой проект.

Answer 5

1 /, вероятно, никогда - если бы IE захотел добавить его, то я бы сделал это сейчас; но есть обходные пути, использующие SilverLight и Gecko для обеспечения рендеринга. С другой стороны, доступны кросс-браузерные графические API. Я сделал большие внешние интерфейсы, используя XULRunner и SVG, но ничего в Интернете не было, чтобы обслуживать IE.

2 / Чаще всего я упоминал о страницах SVG на mozilla.org и этой ссылке на SVG DOM . Все мои ссылки SVG здесь на восхитительно

Существует один существующий редактор на http://www.bpel4chor.org/editor/;, также, если все, что вам нужно, это схемы, где все дуги находятся в сетке, вы можете сделать это довольно хорошо, используя div и изображения без SVG. Или вы можете просто пойти по маршруту lo-fi