Оформление фигур в Javascript

Есть ли хорошая альтернатива холсту html5-элементов для рисования таких форм, как шестиугольники с использованием javascript, который работает кросс-браузер (включая ужасный IE6)?

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

Мне не хватает некоторых функций в jQuery maphighlight или есть ли какой-либо другой плагин для jQuery или mootools, который может предоставить мне эту возможность рисования?

Ответ 1

Вы должны взглянуть на RaphaelJS. Это JavaScript, кросс-браузерная оболочечная библиотека вокруг Canvas, SVG и VML (язык разметки только для IE, который предшествует SVG, используемый в IE6). Используя RaphaelJS, вы можете создавать очень широкий диапазон векторной графики с использованием JS, который совместим с очень широким спектром браузеров.

http://raphaeljs.com/

RaphaelJS также очень совместим с jQuery и следует за множеством одинаковых цепочек вызовов, которые вы видите в jQuery. Они создают отличную пару.

Ответ 2

Там также знаменитый художник-холст.

http://caimansys.com/painter/

Ответ 3

Попробуйте Raphael.

Raphaël в настоящее время поддерживает Firefox 3.0+, Safari 3.0+, Opera 9.5+, Chrome 2.0+ и Internet Explorer 6.0+.

Ответ 4

Мне всегда нравится порт для javascript. Вы можете найти, что здесь очень хорошо нарисовать материал. Может быть, вы можете это проверить. Это не аддон для jquery, но он очень мощный.

Он использует элемент Canvas HTML5, хотя: (

Несколько версий назад он работал только в новых браузерах. Я не знаю, была ли она перенесена на предыдущие.

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

Ответ 5

Вы можете использовать реализацию SVG, найденную в Ample SDK, которая также работает в Internet Explorer. Вы получите стандартный API (DOM Level 2/3) и обозначение разметки (SVG1.2 Tiny).

Вот пара примеров: