センターを特定する

Question

私は周りを移動する線を持つ円形のチャートを作成しています（クロックのようですが、必ずしもそうである必要はありません）。線は実際にはベクトルを表すので、角度と大きさを持ちます。私は画像でこれをやっています（誰かが良いアイデアを持っていない限り）。大きさを表すために画像のサイズを変更しています。角度を変更するためにCSS変換を使用しています。私の問題は、ラインがサークルの中心から来ているようにイメージを配置する方法を知っているようには思えないということです。今私は画像の位置を決めるためにCSSの上と下のプロパティを使用しています。誰かが、イメージを "中心に置いた"ままにするアルゴリズムを開発するためのアイデアを持っているのですか、これを行うためのより良い方法のアイデアがありますか？私はHTMLとキャンバスタグを使用しますが、私はIE8をサポートしなければなりません。

Answer 1

誰もが「中心」 イメージを維持するか、これを行うには 良い方法のアイデアを持っているアルゴリズムを開発 ための任意のアイデアを持っていますか？私は HTMLとキャンバスタグを使用しますが、私は IE8をサポートしなければなりません。

あなたはラファエルを使用する必要があります。

http://raphaeljs.com/

ラファエルは、現在のFirefox 3.0+、Safari 3.0以降、クロム5.0以上、Operaの9.5以降およびInternet Explorer 6.0以上をサポートしています。円を持っている

ランダムデモ：http://raphaeljs.com/polar-clock.html

同様の質問ラファエルが票を取得し、「チャートの作り方を」尋ねる：あなたの質問の他の部分に答えるためにWhat method would be best to build this complex graph

---

を：

私はCSS変換を使用して角度を変更しています。 今、私はCSS上部と左の プロパティを使用して画像を配置しています。

transform-originを見ましたか？