展示canvas坐标

最新推荐文章于 2023-10-24 13:42:52 发布

一扁舟

最新推荐文章于 2023-10-24 13:42:52 发布

阅读量1.7k

点赞数

分类专栏： html5

本文链接：https://blog.csdn.net/a1_s2_c3_/article/details/90313535

版权

1 canvas—画布，2获取canvas中鼠标的位置坐标。e.clientX;e.clientY;3document.getElementById(id);//返回对拥有指定 ID 的第一个对象的引用。4innerHTML在JS是双向功能：获取对象的内容或向对象插入内容；如：这是内容，我们可以通过 document.getElementById(‘aa’).innerH...

摘要由CSDN通过智能技术生成

获取鼠标的位置信息；

1 canvas—画布，
2获取canvas中鼠标的位置坐标。
e.clientX;
e.clientY;
3document.getElementById(id);//返回对拥有指定 ID 的第一个对象的引用。
4innerHTML在JS是双向功能：获取对象的内容或向对象插入内容；
如：

这是内容

，
我们可以通过 document.getElementById(‘aa’).innerHTML 来获取id为aa的对象的内嵌内容；
也可以对某对象插入内容，如 document.getElementById(‘abc’).innerHTML=‘这是被插入的内容’;

		<!DOCTYPE html>
		<html>
			<head>
				<meta charset="UTF-8"> <!-- 设置编码格式-->
				<style type="text/css">  
					#mycanvas{
						border: 1px solid black;
						margin: 0px;
						padding: 0px;
					}
				</style>
		
			</head>
			<script type="text/javascript">
				function aa(e)//这是形参可以为任意。
				{
					var x = e.clientX;//获取坐标
					var y = e.clientY;
					document.getElementById("xy").innerHTML="坐标:("+x+","+y+")";
					//getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用。
					//innerHTML在JS是双向功能：获取对象的内容  或  向对象插入内容；  
		//				如：<div id="aa">这是内容</div> ，  
		//				我们可以通过  document.getElementById('aa').innerHTML 来获取id为aa的对象的内嵌内容；  
		//				也可以对某对象插入内容，如  document.getElementById('abc').innerHTML='这是被插入的内容';     
					
				}
				
				function bb(e)
				{
					document.getElementById("xy").innerHTML="";
				}
			</script>
			<body>	  <!--event是一个对象， 不能变

最低0.47元/天解锁文章

一扁舟

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
展示canvas坐标

1 canvas—画布，2获取canvas中鼠标的位置坐标。e.clientX;e.clientY;3document.getElementById(id);//返回对拥有指定 ID 的第一个对象的引用。4innerHTML在JS是双向功能：获取对象的内容或向对象插入内容；如：这是内容，我们可以通过 document.getElementById(‘aa’).innerH...
复制链接

扫一扫