javascript - Web ページ上のダイアグラム内の Html

Question

私は自分の Web ページにいくつかの幾何学的図形を作成していますRaphaelJS。現在、私はいくつかのアニメーションサークルを持っています。

Web ページにもパイの形を追加したいのですが、どのようにすればよいか分からない難しいのは、それらのパイの形の中にコンテンツを追加することです。Web ページにパイを追加するにはどうすればよいですか。その中にテキスト、画像などのコンテンツを配置できます (さらに言えば、他の HTML 要素も同様です)。

Answer 1

RaphaelJSを使用すると、次のようなテキストを作成できます。

paper.text(50, 50, "Blueberry\nPie!");

パイスライスに相対的な変数としてx、y位置を渡したいと思うでしょう。円グラフのサンプルコードは次のとおりです：raphaeljs.com/pie.html。

また、私はこのチュートリアルがかなりよく見えることを発見しました：http: //net.tutsplus.com/tutorials/javascript-ajax/an-introduction-to-the-raphael-js-library/