Question

我正在玩关于画布的初学者教程

我想知道我是否可以改变它（直接从教程中发挥作用）：

     <script>  
        $(document).ready(function() {  
            var can = document.getElementById("myCanvas");  
            var ctx = canvas.getContext("2d");
            ctx.fillRect(50, 25, 150, 100);
        });  
    </script>

进入这个：

 $(document).ready(function() { 
    can = $("mycanvas");
    var ctx = canvas.getContext("2d");
    ctx.fillRect(50, 25, 150, 100);
 });

或者甚至可能进入

var ctx=$("mycanvas").getContext("2d");
ctx.fillRect(50,25,150,100);

某些东西不起作用，我无法弄清楚是什么？我尝试添加.val（），正如我在无数文章中看到的那样

can=$("#mycanvas").val()

以及.atrr（）

can=$("mycanvas").attr("id")

但无济于事我究竟做错了什么？或者jquery可能不可能？我很乐意为此提供任何帮助。

Answer 1

它是.attr('id')，而不是.atrr('id')。

要从jQuery对象获取DOM节点，请使用数组下标运算符（[]）或.get()方法：

var can = $('#mycanvas')[0]; // or:
var can = $('#mycanvas').get(0);

如何使用jquery将dom元素转换为变量？

1 个答案: