Javascript 画布基础，can'；我无法访问该对象

我有一个数组，我想在document.ready函数中使用它来调用一个函数，它位于外部JS文件中。但它不起作用，我真的不知道为什么。我没有javascript或canvas方面的经验，有人能帮我解决这个简单的问题吗

<script>
    $(document).ready(function() {
        var thisIsMyArray= {
            x : 200,
            y : 150,
            size : 50
        };

        anyfunction(thisIsMyArray.x, thisIsMyArray.y, thisIsMyArray.size);
    });
</script>

---

这是因为您没有正确选择画布

你把jQuery和JavaScript弄混了

你的错误 此外，数组是对象，而不是数组；）

完整代码 例子

---

我看不到任何数组…这与canvas有什么关系？这里的所有代码都很好，只是它是一个对象，而不是一个数组。您需要提供更多的代码。我猜问题在于您包含外部脚本的方式控制台中是否有任何错误（在Windows上的Chrome中点击F12）？

var canvas = document.getElementsByTagName("canvas")[0];
var ctx = canvas.getContext('2d');


var anyfunction = function(x, y, size) {
    ctx.beginPath();
    ctx.arc(x, y, size, 0, Math.PI * 2, true);
    ctx.closePath();
    ctx.fill();
}

// var canvas = document.getElementsByTagName("canvas")[0]; WRONG
var canvas = $("canvas")[0]; // Use this
var canvas = document.getElementsByTagName("canvas"); // Or this

var canvas = $("canvas")[0];
var ctx = canvas.getContext('2d');

var anyfunction = function (x, y, size) {
    ctx.beginPath();
    ctx.arc(x, y, size, 0, Math.PI * 2, true);
    ctx.closePath();
    ctx.fill();
}

$(document).ready(function () {
    var myObject = {
        x: 30,
        y: 30,
        size: 30
    };

    anyfunction(myObject.x, myObject.y, myObject.size);
});