フレーズリスト（添付画像のtitle1、title2、title3など）を半円でマークアップする方法がわからなくなったようです。たぶん、簡単なcssクロスブラウザーソリューション（no-no、no IE6、ha-ha）がありますか、それともjavascriptを使用する必要がありますか？ページ上のすべてのテキストが実際のテキストである必要があるため、画像として挿入できません。
または、そのような問題を解決できるJqueryプラグインがいくつかあるかもしれません。
前もって感謝します！
質問する
2868 次
3 に答える
11
JavaScript といくつかの簡単な計算を使用して、各タイトルの位置を計算します。円の x 位置と y 位置の式は次のとおりです。
x = radius * cos( angle )
y = radius * sin( angle )
したがって、これを使用して、各タイトルの位置を計算できます。
elem.style.left = radius * Math.cos( angle ) + "px"; // angle in radians
elem.style.top = radius * Math.sin( angle ) + "px";
これを示すデモ フィドルを作成しました: http://jsfiddle.net/eGhPg/
于 2012-06-04T23:48:41.123 に答える
10
于 2012-06-04T23:55:13.053 に答える
3
于 2012-06-05T15:52:47.203 に答える