javascript - RaphaelJS要素内にHTMLを追加する

Question

次のRaphaelJSの簡単なコードを使用して、HTMLページ内に円を作成しています。Raphaelで描いた円の中に自分のhtmlを追加できる方法があるかどうか尋ねたかったのです。

オブジェクト内にテキストを追加することは絶対位置で可能に見えますが、div、画像、または円（または長方形など）内の他のものなどの独自のhtmlを、できれば絶対位置なしで追加するにはどうすればよいですか。

Answer 1

RaphaelJS-Infoboxを見てください:

これは、RaphaelJS コンテナー内の HTML 要素の配置を自動化する単純な JS ヘルパーです。

テストしてお知らせください。これは簡単な例です。

var paper = Raphael("raphael-canvas", 500, 500);
var infobox = new Infobox(paper, {x:10,y:10, width:250, height:250});
infobox.div.html('<p>This is some crazy content that goes inside of that box that will wrap around.</p>');

これが十分に役立つことを願っています。