Скрипт SVG

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

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

Адам Дэвис

Ответ 1

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

Первым является Lively Kernel от Dan Ingalls (да, Dan Ingalls) в Sun Labs. Это реализация Smalltalk Virtual World в JavaScript поверх SVG. Точнее, это реализация структуры Morphic GUI от Squeak Smalltalk в JavaScript с использованием SVG и порта (частей) Squeak Smalltalk в JavaScript.

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

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

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

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

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

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

Ответ 2

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

Ответ 3

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

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

Ответ 4

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

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

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

Ответ 5

Как упоминалось в @jwmittag <canvas>, это вариант.

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

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

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

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