思路是这样的，把绘制的每个区域抽象成单独的对象，每个对象中可以储存各自的信息(比如title, content, position等)，每个对象中都包含各自的判断点是否在当前对象区域内的判断函数，这样就可以知道点到了哪个对象，也可以拿到对象内的数据， 触发相应的事件。
这样说可能不太直观，你可以看一下我封装好的一个库。
>
你是不是把JavaScript代码写到canvas标签前面了，如果写在前面要这样写，如下，写在canvas标签的后面就无所谓了
<!DOCTYPE html><html>
<head>
<title>在JS中获取canvas，然后设置宽度，怎么会出现这种情况[第一个百度提问]</title>
<meta charset="UTF-8" />
<script>
windowonload = function(){
var myCanvas = documentquerySelector('rain');
var w = windowinnerWidth;
myCanvaswidth = w;
//consolelog(windowinnerWidth);
}
</script>
</head>
<body>
<canvas id="myCanvas" class="rain"></canvas>
</body>
</html>
思路是这样的，把绘制的每个区域抽象成单独的对象，每个对象中可以储存各自的信息(比如title, content, position等)，每个对象中都包含各自的判断点是否在当前对象区域内的判断函数，这样就可以知道点到了哪个对象，也可以拿到对象内的数据， 触发相应的事件。
认真点 是</script>不是<script/>
然后你的错误 先执行script在载入body script当然获取不到canvas
你把script放到最底下 或者把代码外边用
windowonload = function(){
}圈住
你的第一行代码是中文分号
以上就是关于canvas怎么根据坐标获取上面的内容全部的内容，包括:canvas怎么根据坐标获取上面的内容、在JS中获取canvas，然后设置宽度，怎么会出现这种情况[第一个百度提问]、pc端 如何获取canvas文本中心点坐标等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）