私は温度、湿度、風速、風向などを表示しなければならないウェブアプリケーションで作業しています。私はgoogle.visualization.Gauge()を使って他のものを表示していますが、私はコンパスに風の方向を示したい。誰も私がウェブサイト/ webappのために使用できる任意の(jQuery/javascript/etc)コンパスを知っていますか? ありがとうコンパスの風向を表示する方法
5
A
答えて
5
私のアプローチはCSSだけです。変形を使用して針を回転させます。 DEMOjQuery Rotateプラグインを使用することもできます。
HTML
<div id="compass">
<div id="arrow"></div>
</div>
CSS
#compass {
width: 380px;
height: 380px;
background-image:url('http://i.imgur.com/44nyA.jpg');
position: relative;
}
#arrow {
width: 360px;
height: 20px;
background-color:#F00;
position: absolute;
top: 180px;
left: 10px;
-webkit-transform:rotate(120deg);
-moz-transform:rotate(120deg);
-o-transform:rotate(120deg);
-ms-transform:rotate(120deg);
-moz-transition: all 1s ease;
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
#compass:hover #arrow {
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-o-transform:rotate(0deg);
-ms-transform:rotate(0deg);
}
1
HTML5とキャンバスでは、この短い作業を行います。
http://www.tutorialspoint.com/html5/canvas_drawing_lines.htm
私は個人的に、私はまだJavaScriptライブラリに固執するだろう、完全を期すためにここでそれを掲示しています。
+0
ここに来て、ダイヤルゲージを作成する方法を探している人には注意してください。私のHTML5の回答はこちら[http://stackoverflow.com/questions/36236814](http://stackoverflow.com/questions/) 36236814 /風向-on-a-compass-Wunderground/36242222#36242222) – Roberto
関連する問題
- 1. iPad:向きに応じて別の画面を表示する方法(風景/肖像画)
- 2. 風景モードでポートレートで表示する方法は?
- 3. データベースのデータを縦方向に表示する方法
- 4. コンパスの青写真グリッドを表示
- 5. xcodeストーリーボード内の風景モードでシーンを表示する方法は?
- 6. Google Maps APIで静的な方向を表示する方法
- 7. 水平方向にMYSQL COUNTを表示する方法
- 8. UIScrollスクロールの方向表示
- 9. sencha touch 2風景を除いた縦向きのデバイスの向きを1表示に固定
- 10. コンパスの方向は電話機の向きによって異なります
- 11. コンパスを表示するデバイスの特定の場所に
- 12. コンパスがiphoneに表示されない
- 13. YotubePlayerSupportFramment風景モードの全画面表示
- 14. アンドロイドの特定の点から特定の方向(スワイプ方向)にテキストを表示する方法
- 15. 両方の向きでコントロールを表示
- 16. イメージを水平方向+垂直方向にフリップ/ミラーで表示
- 17. Visio 2007のUMLパラメータ方向インジケータ( "in/out")を非表示にする方法
- 18. UISplitViewControllerを両方の向きで同じように表示する方法
- 19. 画面にコンパスを表示するには?
- 20. 正確なコンパスを作る方法android
- 21. 写真撮影時にコンパスの方向とカメラの傾きを収集する
- 22. モーダルで表示されるUIViewControllerを垂直方向に反転する方法
- 23. iphoneのポートレートから風景を表示するには?
- 24. ストーリーボードタブバーコントローラビューの向きの風景/ potrait
- 25. Primefaces TreeNode(ルートノードを縦方向に表示)
- 26. 水平方向にULリストを表示
- 27. PhoneGap - 強制的な風景の向き
- 28. AlertDialogは、風景で横長の横長表示を表示します。
- 29. コンパスの向きを使用してMapViewを回転させる
- 30. オブジェクト指向のさまざまなビューセクションを表示する方法
どのようにあなたは私が座っているどの方法を知っているだろうか?他のすべてのことは環境から感知することができます。コンピュータにはコンパスが必要です。 – sachleen
@ Kris.Mitchell [コンパス用のiOSデバイスAPI](http://tripleodeon.com/2011/10/taking-a-new-device-api-for-a-spin/)[デモ](http:// jamesgpearce.github.com/compios5/) – sachleen
@sachleenあなたが直面している方向に相対的ではなく、単に視覚化のためです。風は、南西に向かっているかどうかにかかわらず、南西に向かって吹いています。 –