jquery - jQueryを使って六角形を描く

Question

jQuery、HTML、およびCSSを使用して六角形を描くことは可能ですか?

はいの場合、どうすればそれを行うことができますか?

Answer 1

jQuery は描画しません。これは、CSS + HTML のみを使用して行うことができます。これを行う方法の 1 つを示すクールなチュートリアルを次に示します。

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