您的位置:首页 > 其它

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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: