web-dev-qa-db-ja.com

CanvasとjQuery？

HTML5でjQueryを使用することは可能ですか<canvas>要素？または、単純なJavaScriptで行う必要がありますか？

JQueryを使用することで多くの時間を節約できると思うので、ただ疑問に思っていますが、<canvas>要素はまだ使用されているため、完全に不可能な場合があります。

私はcanこれにjQueryを使用すれば誰でも知っていますか？

javascriptjqueryhtml5canvas
26
Qcom

JQueryを使用してcanvas要素をselectできますが、独自のメソッドを使用する必要があります。適切な開始点は https://developer.mozilla.org/en/canvas_tutorial です。

23
meder omuraliev

jQuery は、DOMといくつかの特別なAjaxメソッドを操作および操作するためのツールキットです。 Raphael および/または Protovis は視覚化のためのツールキットです。

Processing.js は、キャンバス要素専用の視覚化ツールキットです。

jQueryには1つの専門知識があり、他のツールキットには他の専門知識がありますが、専門ツールキットを一緒に使用することは非常に可能です;）

14
BGerrissen

JQueryはDOMクエリと操作に基づいているため、直接的な答えはノーです。 Canvas要素は、Canvas APIとJavaScriptを使用して描画されます。適切なキャンバスライブラリを探している場合は、 KineticJS を試してみてください。キャンバスアプリケーションのアニメーションとイベントのサポートを追加します。

6
Eric Rowell

jCanvas

JQueryを使用してキャンバスを選択し、次に組み込みのキャンバスメソッドを使用する以外に、 jCanvas をチェックアウトすることもできます。これは、より簡単/より良い/より明確。私がやったことを知っています。

これは次のようになります。

// Draw a circle
$("canvas").drawArc({
  draggable: true,
  fillStyle: "green",
  x:         100, 
  y:         100,
  radius:    50
});
5
Joshua Pinter

Raphaël を見てください。これは、キャンバス（したがって、すべての主要なブラウザーでサポートされています）とJavascript（JQuery）に似たものを使用して、今まで見た中で最高のプロジェクトです。

3
Yanick Rochon

答えはイエスです。プレーンなJavaScriptを使用する必要があります。

私にとって便利なjQueryプラグインがどのようにありますか： http://calebevans.me/projects/jcanvas/

使用されているjQueryフォーマットを使用してキャンバスにアクセスできます。

0
NazS2
var canvas=($('<canvas width="200" height="1"></canvas>'))[0];
0
SaKool