使用jQuery繪製六角形形狀

Question

是否可以使用jQuery，HTML和CSS繪製六角形形狀？

如果是的話我們該怎麼做？

Answer 1

jQuery不繪製任何東西。你只能使用CSS + HTML來做到這一點。這裏是在一個方式，它可以做一個很酷的教程：

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

注：HTML/CSS可能不適合於所有情況。最好是看看使用SVG代替。

Answer 2

我最好的建議是使用SVG或canvas。良好的SVG庫

一個例子是raphaeljs，檢查出來：

http://raphaeljs.com/

http://raphaeljs.com/animation.html

畫布它使相當簡單的形狀

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