gpt4 book ai didi

jquery - HTML5' Canvas : $(document). 就绪(函数() - 未就绪

转载 作者:搜寻专家 更新时间:2023-10-31 22:20:39 25 4
gpt4 key购买 nike

我正在尝试使用下面的代码在 Canvas 内绘制。alert() 返回未定义。看起来文档已经准备好了,但 Canvas 还没有。

<!DOCTYPE HTML>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/myscript.js"></script>
<link type="text/css" rel="stylesheet" href="css/normalize.css" media="screen" />

<title></title>
</head>
<body>
<canvas id="space" width="1500" height="1500"></canvas>
</body>
</html>

我的脚本.js

$(document).ready(function(){
//$(window).load(function() {


alert($('#space').id); // returns undefined

dbCanvas = $('#space');
context = dbCanvas.getContext('2d');
// IE: {exception} Object doesn't support property or method 'getContext'
// FF: TypeError: dbCanvas.getContext is not a function

context.fillStyle = "rgb(200, 0, 0)";
context.fillRect(10, 10, 55, 50);

});

最佳答案

嗯,在 jQuery 对象中没有 id 属性。这就是它未定义的原因。

alert($('#space').get(0).id); 
alert($('#space').attr("id"));

并且您需要为 Canvas 运行 DOM

dbCanvas = $('#space').get(0);
context = dbCanvas.getContext('2d');

关于jquery - HTML5' Canvas : $(document). 就绪(函数() - 未就绪,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24045312/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com