2

簡単な質問だと思うことがあります。私はしばらくの間それを検索しようとしていましたが、私が見つけたものはすべて私が必要とするものよりも複雑です。これが私の質問です。jQueryを使用してHTMLキャンバスに単純な線を描画するにはどうすればよいですか？

<canvas id="canvas">
<!-- I want jQuery to draw a line here -->
</canvas>


$(document).ready(function() {
   //I would like the line to draw when the document loads.
});

注..私は、描画モーションなどを描画または表示するためにそれを探していません。基本的には、ページを読み込んで行を表示できるようにしたいだけです。私の最終目標は、最終的に3Dオブジェクトを描画することです。しかし、それを行う前に、まず基本的な方法を知る必要があります...（IE）線を引きます。

前もって感謝します

4

2 に答える 2

5

Javascriptでそれを行う方法は次のとおりです（これは関数内に挿入するだけですが、スクリプトはscriptJQueryなしのタグで正常に機能します。おそらくそれが最善です）。例：

var c=document.getElementById("canvas");
var ctx=c.getContext("2d");
ctx.moveTo(0,0);
ctx.lineTo(150,40);
ctx.stroke();

重くなりたい場合は、JavascriptライブラリのRaphaëlとD3を改善するのは困難です。

于 2012-07-02T19:29:49.447 に答える
4

これにはjQueryは本当に必要ありません... jQueryはキャンバス機能を提供しません。

var canvas = $('#canvas_id')[0];
if (canvas.getContext){
  var ctx = canvas.getContext('2d'); 
  ctx.lineWidth = 1;
  ctx.beginPath();
  ctx.moveTo(0,0);
  ctx.lineTo(5,140);
  ctx.stroke();
}
于 2012-07-02T19:32:02.420 に答える