-
html5，canvas中某个图标的鼠标事件怎么实现？3
html5，canvas中某个图标的鼠标事件怎么实现？
我有一个canvas ，然后其中我放置了2个图标1和图标2.
现在我想当鼠标放置在图标1上时 出发onmuuseover事件，这个怎么实现？
有没类似的代码给我参考一下？ 谢谢...
问题补充：sumwers 写道两种方式：
1.如果图标是用canvas绘制上去的，就要处理canvas全局的onmousemove事件，判断鼠标的位置是否到了图标上，到了就触发某个函数。
2.图标不要用canvas画，用html的img标签来做，这样就可以直接用它的onmouseover事件。
我已经用canvas画好了..所以也就只能用你说的第一种方法了...
我感觉定位的话如果图标位置一变就要全换过 这个扩展性很差啊...
2011年8月16日 15:35
添加评论
关注(0)1个答案 按时间排序 按投票排序
-
两种方式：
1.如果图标是用canvas绘制上去的，就要处理canvas全局的onmousemove事件，判断鼠标的位置是否到了图标上，到了就触发某个函数。
2.图标不要用canvas画，用html的img标签来做，这样就可以直接用它的onmouseover事件。2011年8月19日 16:00
相关推荐
html5 canvas粒子背景跟随鼠标移动效果代码 html5 canvas粒子背景跟随鼠标移动效果代码
一款趣味性十足的HTML5 Canvas眼睛眼珠跟随鼠标转动特效，仿佛有无数只眼睛盯着鼠标指针方向，还可以拖动眼睛进行碰撞哦。
鼠标在canvas上移动，显示鼠标位置
基于html5 canvas实现的跟随鼠标圆点粒子发散动画特效.zip
这是一款基于HTML5 Canvas实现的鼠标点击拖动电子杂志翻书动画代码，HTML5电子杂志翻页特效。
基于canvas的鼠标绘制矩形框的demo，多个canvas对象下支持选中，平移，删除操作，代码用VUE实现的
canvas例子，如何获取鼠标在canvas中的位置。html+js。下载双击即可在浏览器运行，F12可查看源代码。
一款简单的html5 canvas绘制鼠标跟随线条动画特效，线条不断变换颜色，跟随鼠标光标移动轨迹运行。
html5 canvas鼠标点击水珠爆炸动画特效
使用 html5 canvas 绘制游戏图像，利用 javascript 实现游戏。 游戏实现了类似英雄无敌3 中战斗场景的回合制玩法： - 对战双方每个生物每一轮有一次行动机会，可以行走或攻击对方。 - 每个生物属性有：行走范围，...
canvas案例，判断鼠标位置是否在物体内。html+js实现。可直接运行
html5 canvas悬浮泡泡鼠标滑过泡沫动画特效
参考html5 canvas中文文档实现的贪吃蛇。
HTML5 Canvas眼睛跟随鼠标特效是一款一千只眼睛盯着你特效，通过鼠标移动控制眼睛方向位置效果。
《HTML 5 Canvas基础教程》从HTML5和JavaScript（以及jQuery）的基础知识讲起，全面介绍了HTML5Canvas的各种特性，包括渲染上下文、坐标系统、绘制图形、保存和恢复画布状态，以及变形、合成、处理图像和视频等，让...
这是一款基于html5 canvas实现的酷炫页面预加载动画图标效果源码。有多种预加载动画效果可供选择，动画渐变效果平滑自然，是一款经典的html5加载动画。建议使用支持html5与css3效果较好的火狐或谷歌等浏览器预览本...
html5 canvas画布实现液体波浪动画效果 html5 canvas画布实现液体波浪动画效果
html5 canvas 实现刮刮卡效果，实现简单网络资源占用少
HTML5 Canvas泡泡悬浮鼠标特效是一款鼠标滑过泡沫动画特效下载。
使用canvas 鼠标事件绘制多边形，鼠标按下事件，移动事件绘制，双击事件结束绘制。原生js，使用添加事件监听，移除事件监听方法来进行绘制开始和结束。简单小demo