-
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绘制地图”可能指的是利用HTML5的Canvas API来构建自定义的地图应用。 Canvas API提供了诸如fillRect()、strokeRect()、arc()等方法，用于绘制矩形、线条、圆形等基本形状，通过组合这些形状，...
7. **互动动画（Interactive Animation）**：JavaScript可以与HTML5 Canvas结合，根据鼠标的动作创建复杂的交互式动画，如拖拽、抛物线运动等。 在实际的“Javascript项目实战_提供给学员的素材”中，可能包含了...
在本项目"HTML5+SVG实现可互动的3D标签云特效源码"中，开发者巧妙地结合了这两种技术，创造出一种动态、具有视觉吸引力的3D标签云效果。 1. HTML5 Canvas与SVG的区别与应用场景： - HTML5 Canvas是基于像素的画布...
HTML5超酷文字动画特效是一种利用HTML5技术实现的创新性文字表现形式，它通过动态效果增强了网页的视觉吸引力和用户体验。这些特效通常基于CSS3、JavaScript和HTML5的Canvas等核心特性，使得文本不再仅仅是静态的...
然而，考虑到Flash的局限性（如兼容性问题和安全性考虑），现代网页设计倾向于使用HTML5的Canvas或SVG元素，或者CSS3的动画来实现类似效果。 至于“源码”，通常在这样的项目中，开发者会提供一份包含HTML、CSS和...
8. **JavaScript事件处理**：为了实现交互性，开发者可能会在JavaScript中添加事件监听器，比如点击或鼠标悬停事件，以响应用户的操作，如高亮当前选中的部分，显示更多详细信息等。 9. **性能优化**：在大型数据集...
4. `<canvas>` 元素可能用于绘制动态花纹或图标，提升视觉效果。 5. `<video>` 或 `<audio>` 标签可能用于播放产品介绍视频或音频，丰富媒体内容。 此外，模板的自适应响应设计意味着它能够根据用户使用的设备（如...
此外，了解并熟练运用HTML5的新特性也很重要，例如`<section>`、`<article>`等语义化标签，以及`<canvas>`、`<video>`等多媒体元素，它们可以提升网页的互动性和功能性。CSS3的动画和过渡效果也能为页面增添动态美感...
在这个“HTML5交互式文件夹预览查看代码”中，开发者利用了HTML5的一些关键特性来实现了一个创新的功能，即在用户鼠标经过文件夹时，能够实时预览文件夹内的图片。 首先，我们要理解的是HTML5的Canvas元素。Canvas...
这个项目可能是某个计算机科学或软件工程课程的实践作业，让学生掌握HTML5 Canvas API的使用，增强前端开发技能。 【描述】提到的“系统开发软件管理和实践作业”暗示了这是一个教学项目，它涵盖了软件开发的某些...
4. 行为反馈：例如，当用户鼠标悬停在某个地区时，该区域可能会高亮显示，提供视觉反馈。 【项目文件结构分析】 由于文件名为“interactive-travel-map-master”，我们可以推测这是一个开源项目的主分支。通常，...
这通常通过设置marker的icon属性完成，可以是URL链接到的图片，也可以是使用HTML5 canvas或者SVG绘制的图标。在JavaScript库如Leaflet中，你可以创建一个L.Icon对象，并设置它的iconUrl、iconSize、iconAnchor等属性...
例如，当用户鼠标悬停在某个元素上时，该元素可以放大、改变颜色，甚至弹出一个爱心气泡。 3. **DOM操作**：Document Object Model（DOM）是HTML和XML文档的编程接口。JavaScript可以用来查找、添加、删除或修改DOM...
当触发某个事件（如鼠标悬停）时，JavaScript会更新元素的CSS样式，而`transition`属性则规定了样式改变的动画效果，如持续时间、延迟、速度曲线等。 四、油漆效果 Flash中的油漆效果通常是通过渐变或粒子系统来...
在Widget_Clima中，HTML5可能被用来创建结构清晰的页面元素，如用于展示天气信息的div容器，以及利用`<canvas>`元素来动态绘制天气图标。 **CSS3简介** CSS3是层叠样式表的最新标准，它引入了许多新的特性和功能，...
二维码在现代互联网应用中扮演着重要的角色，它们可以存储各种信息，如网址、文本、联系人信息等。本文将深入探讨如何使用JavaScript实现二维码的显示和隐藏功能，这对于提升用户体验和网页交互性至关重要。 首先，...
5. **交互性**：用户可能可以通过鼠标悬停、点击或其他方式触发地图的颜色变化，获取更多关于县的信息，或者查看与颜色值相关的统计数据。 6. **兼容性**：虽然VML主要是在IE浏览器中得到支持，但考虑到现代浏览器...
3.22 节在容器中滚动到某个指定的子组件 3.23 节使用IdeferredInstance 创建模板 3.24 节手动布局容器 3.25 节测量并改变容器尺寸 3.26 节控制子组件的可见性和布局 3.27 节用简单重组行为创建Tile 容器 3.28 节给...
- 编辑器选中优化 选择鼠标到窗口外事件处理 ####fix bug:（bug解决和程序优化） - backspace后退截获浏览器事件,作为后退前一次访问的文件夹; - 搜索首字母不匹配问题 - 弹出层中的弹出层关闭，父窗口失去焦点...