canvas坐标拾取器
2016-02-25 17:29
363 查看
<script type="text/javascript"> window.onload = function () { var canvas = document.getElementById("myCanvas"); canvas.onclick = function (event) { var loc = windowTocanvas(canvas, event.clientX, event.clientY) var x = parseInt(loc.x); var y = parseInt(loc.y); alert('clientX:'+event.clientX+',clientY:'+event.clientY+'\n\r'+'x:'+x+',y:'+y); } } function windowTocanvas(canvas, x, y) { var bbox = canvas.getBoundingClientRect(); return { x: x - bbox.left * (canvas.width / bbox.width), y: y - bbox.top * (canvas.height / bbox.height) }; } </script>
相关文章推荐
- 构建自己的yara数据库
- 如何上Chrome谷歌商店
- 类和对象
- APP上架,发布,打包
- hibernate annotation 之mappedBy 与 @JoinColumn区别
- 此证书签发者无效
- redis命令总结
- Codeforces Round #343 (Div. 2)D - Babaei and Birthday Cake 线段树
- JS中showModalDialog 详细使用
- web.xml 中的listener、 filter、servlet 加载顺序及其详解
- AS中的又一个错误Unable to find explicit activity class
- 大型网站架构系列:消息队列(二)
- Oracle自定义函数(不断更新)
- Native App vs Web App 以及 Hybrid App的实现原理
- javaScritp 中prototype属性继承原理详解
- C# 字符串数组转换为整形数组
- iebugs产生的原因,zoom:1的作用
- The Swift Programming Language学习笔记(二十三)——协议
- 原来在内存申请地址也是一个费时的过程
- 权限冲突无法安装