ベストアンサー

JQuery でブラウザ画面に正弦波を描く

2012/09/29 13:16

JavaScript のライブラリーであるJQueryを使って、ブラウザの画面に正弦波や直線を描きたいと思っています。このようなグラフィック用のものがあるのでしょうか。詳しい方、どうぞ教えてください。

papashiroSooke
お礼率90% (521/575)

JavaScript
回答数2
ありがとう数2

みんなの回答 （2）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

babu_baboo
ベストアンサー率51% (268/525)

2012/09/30 09:50 回答No.2

おそくなる jQuery が、なぜひつようなのかわかりません。あえて canvas をしようしていません。 <!DOCTYPE html> <title></title> <meta charset="UTF-8"> <body> <script> (function () { 　var s; 　var b = document.createElement ('div'); 　　document.body.appendChild (b); 　　　var p = document.createElement ('span'); 　　p.appendChild (document.createTextNode ('')); 　　s = p.style; 　　s.position = 'absolute'; 　　s.background = 'red'; 　　s.height = '1px'; 　　s.width = '1px'; 　　var offsetY = 350; 　var sinbuf = []; 　　for (var i = 0; i < 360; i++) 　　sinbuf[i] = Math.sin (i * Math.PI / 180); 　　function sin (n) { 　　return sinbuf[n % 360 |0]; 　} 　function demo () { 　　for (var y = 0; y < 360; y += 5) { 　　　for (var x = 0; x < 720; x += 2) { 　　　　np = p.cloneNode (true); 　　　　ns = np.style; 　　　　ns.left = x + y + 'px'; 　　　　ns.top = (offsetY - sin (x) * sin(y) * y - y / 3 + x / 4|0) + 'px'; 　　　　b.appendChild (np); 　　　} 　　} 　} 　　this.demo = demo; }) (); demo (); </script>

質問者

お礼 2012/10/01 08:17

ご回答ありがとうございます。 JQuery　については人に薦められて今研究し始めたのですが、canvas のほうはまったく知りませんでした。これから勉強したいと思います。私がやりたいのは、オシロスコープのプローブから来る電気信号をAD変換して、インターネットに送り、それをコンピューター上のブラウザでリアルタイムに見ることです。PHPのグラフィック機能を使ってサーバー側から画像を送る方法や、AJAXを使ってサーバーからデータだけ受け取り、ブラウザ側で画像にする方法など、どんな方法があるのか研究中といったところです。掲載頂いたJavaScript　のコードなども参考にさせていただきたいと思います。

ログインすると、全ての回答が全文表示されます。