Bir pusula üzerinde rüzgar yönünü gösterme

Question

Sıcaklığı, nemi, rüzgar hızını, rüzgar yönünü vb. Göstermem gereken bir web uygulamasında çalışıyorum. Başka şeyler göstermek için google.visualization.Gauge() kullanıyorum ama Bir pusulada rüzgar yönünü göstermek istiyorum. Bir web sitesi/webapp için kullanabileceğim herhangi bir (jQuery/javascript/etc) pusulayı bilen var mı? Teşekkürler

Answer 1

İşte benim yaklaşımım sadece CSS kullanıyor. İğneyi döndürmek için dönüşümler kullanır. DEMOjQuery Rotate eklentisini de kullanabilirsiniz.

HTML

<div id="compass"> 
    <div id="arrow"></div> 
</div>​ 

oturuyorum hangi yolu

#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); 
}​ 

Answer 2

HTML5 ve Canvas'ı bununla ilgili kısa bir çalışma yapacağız.

http://www.tutorialspoint.com/html5/canvas_drawing_lines.htm

Sadece şahsen ben hala bir javascript kütüphanesine sopa ediyorum, tamlığı için buraya post ediyorum.