收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 1709|回复: 3

[HTML5] 怎么判断鼠标点击坐标在不规则图形里面?

[复制链接]
发表于 2016-8-8 19:20:45 | 显示全部楼层 |阅读模式
本帖最后由 yakczh 于 2016-8-8 19:22 编辑



用户点击鼠标,怎么判断鼠标坐标是落在蓝色的树叶里面还是其他地方?
发表于 2016-8-18 16:26:39 | 显示全部楼层
靠谱的思路是
计算点击时候的坐标,
然后用canvas绘制这个图片得到透明区域,
最后对比此坐标是不是在图片透明区域。
回复 支持 1 反对 0

使用道具 举报

发表于 2016-8-15 11:12:18 | 显示全部楼层
回复 支持 反对

使用道具 举报

发表于 2016-8-30 15:18:56 | 显示全部楼层
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>

<body>

<input type="text" id="mx"><input type="text" id="my">
<script>
document.onmousemove=function(e){
        e=window.event||e
        document.getElementById("mx").value=e.clientX;
        document.getElementById("my").value=e.clientY;
        }
</script>

</body>
</html>
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( ICP05002321 )  

GMT+8, 2019-10-23 02:59 , Processed in 0.093515 second(s), 9 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表