Нарисуйте гексагональные фигуры, используя jQuery

Question

Можно ли рисовать гексагональные фигуры с помощью jQuery, HTML и CSS?

Если да, то как мы можем это сделать?

Answer 1

jQuery не рисует вещи. Вы можете сделать это только с помощью CSS + HTML. Вот это круто учебник, показывающий один способ, которым это может быть сделано:

http://jtauber.github.com/articles/css-hexagon.html

Примечание: HTML/CSS не может быть идеальным для всех ситуаций. Возможно, лучше использовать SVG вместо этого.

Answer 2

Моей лучшей рекомендацией было бы использовать SVG или холст.

Одним из примеров хорошей библиотеки SVG является raphaeljs, проверить его:

http://raphaeljs.com/

http://raphaeljs.com/animation.html

Для холста его довольно просто, чтобы сделать формы

https://developer.mozilla.org/en-US/docs/HTML/Canvas/Tutorial/Drawing_shapes