Wie man das canvas-element von jquery?

Derzeit ich spielen mit dem html5-canvas, der einfache code ist unten:

<!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>

Dem canvas-element könnte nur aufgehoben werden durch die Methode document.getElementById, aber die jQuery-Methode nicht funktioniert. Gibt es einen Weg, um die ursprüngliche html-Code aus der jquery-Objekt oder bin ich vermisse Sie so etwas?
Vielen Dank im Voraus!

Verwenden Sie den index [0] zu drehen, das jQuery-Objekt in ein DOM-element var cv = $('#cv')[0]
Ja, es funktioniert, danke!

InformationsquelleAutor Erxin | 2013-10-11

  1. 15

    jQuery $(<selector>) gibt eine Sammlung von Knoten (in der Tat ist es die "Objekt-Maskeraden als ein array" als der doc sagt), so verwenden Sie einfach $('#cv').get(0) statt document.getElementById("cv")

    InformationsquelleAutor mopdobopot

  2. 6

    Müssen Sie .get() folgenden, um das aktuelle DOM-element:

    var canvas = $("#cv").get(0);

    Sonst, Sie sind immer die jQuery-Objekt aus, wenn Sie nur $("#cv"), so Methoden wie getContext wird nicht funktionieren.

    InformationsquelleAutor Vivin Paliath

  3. 4

    Verwendung von get()

    http://api.jquery.com/get/

    erkunden Sie die jquery-doc, es ist sehr nützlich,

    Ich habe nur überprüft die Eigenschaften von jquery und vergessen die jquery-Rückgabe einen Satz der Elemente gegründet.

    InformationsquelleAutor Einacio

Schreibe einen Kommentar