6

現在、私は html5 キャンバスで遊んでいます。簡単なコードは以下のとおりです。

<!DOCTYPE HTML>
<html>
<head>
    <title></title>
    <script src="Scripts/jquery-2.0.3.min.js"></script>
    <script>
        $(function () {
            //THIS WILL NOT WORK!
            //var cv = $("#cv");  

            //THIS WORKS FINE.
            var cv = document.getElementById("cv"); 

            ct = cv.getContext("2d");
            var mText = "hi";
            var x = cv.width / 2;
            var y = cv.height / 2;
            ct.textAligh = "center";
            ct.fillText(mText, x, y);
        });
    </script>
</head>
<body>
<div style="width:200px; height:200px; margin:0 auto; padding:5px;">
    <canvas id="cv" width="200" height="200" style="border:2px solid black">
    Your browser doesn't support html5! Please download a fitable browser.
    </canvas>
</div>
</body>
</html>

canvas 要素は document.getElementById メソッドによってのみ選択できましたが、jQuery メソッドは機能していません。jquery オブジェクトから元の html を取得する方法はありますか? 前もって感謝します！

4

3 に答える 3

17

jQueryはノードのコレクションを返します（実際には、ドキュメントが言う$(<selector>)ように「オブジェクトは配列としてマスカレード」です）ので、代わりに使用してください$('#cv').get(0)document.getElementById("cv")

于 2013-10-11T16:46:22.037 に答える