HTML5学习(2) canvas标签的使用二
2012-08-17 15:37
645 查看
<!DOCTYPE HTML>
<head>
</head>
<body>
<canvas width="200px" height="200px" id="myCanvas" onmousemove="GetXY(event)" onmoseout="ClearXY()" style="border: 2px solid red;"></canvas>
<script type="text/javascript">
function GetXY(e)
{
x=e.clientX;
y=e.clientY;
document.getElementById("myCanvas").title=""+x + "," + y;
}
function ClearXY()
{
document.getElementById("myCanvas").title="";
}
</script>
</body>心得:
x,y坐标的起点是左上角 最小值为0
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- HTML5学习(2) canvas标签的使用三
- HTML5 学习笔记12-Canvas标签的使用
- HTML5学习(2) canvas标签的使用四
- html5学习canvas基本使用：div在js前面；localStorage存储根据浏览器在不同的位置；应用程序缓存；placeholder 属性提供一种提示（hint），描述输入域所期待的值。
- HTML5学习笔记 - 基本标签的使用
- HTML5 学习笔记13-Canvas使用路径
- 使用HTML5的Canvas标签实现绘图板内拖拽元素
- HTML5学习-使用 Canvas 来创建绘图应用程序
- html5学习笔记(6)使用canvas绘图2
- HTML5 之Canvas标签学习笔记一：在页面上放置canvas元素
- HTML5学习(2) canvas的使用一
- DayDayUP之HTML5学习笔记五---Canvas简单的使用
- HTML5-Canvas标签使用实例一
- 第四讲：使用html5中的canvas标签画出一个球在指定区域内的运动
- HTML5中的Canvas标签使用收录
- HTML5开发学习（1）：使用aduio标签打造音乐播放器
- 【猪猪-前端】微信打飞机高质量Demo，学习HTML5+Canvas技术编写，下载即可使用，注释齐全。
- HTML5中canvas使用技巧和布局标签介绍
- HTML5之Canvas标签简要学习
- html5学习笔记---03. Canvas简介,Canvas的使用方法