aladeen 2016-11-16 13:36 采纳率: 0%
浏览 3566
已采纳

svg中如何获得元素对象

假设我在svg中画了很多个矩形，我想通过鼠标mouseover事件获得某个矩形对象，然后对这个矩形进行操作，应该如何实现

  • 写回答

3条回答 默认 最新

  • lihongbiao0610 2016-11-17 03:23
    关注

    图片说明

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题？

  • vue项目里面引用svg文件并给svg里面的元素赋值
    2020-10-14 21:53
    总结，要在Vue项目中引用SVG文件并给SVG元素赋值，首先要确保SVG文件的格式正确，然后在Vue组件中引入SVG内容，最后利用JavaScript操作DOM实现元素的赋值。理解SVG的基本概念和属性，如`viewBox`，将有助于更有效地...
  • 突破编程_前端_SVG（元素碰撞检测）
    2024-04-19 14:55
    breakthrough_01的博客 SVG（元素碰撞检测）
  • svg元素介绍
    2022-04-24 16:08
    前端开心果的博客 元素形状 (完整版元素介绍)[https://developer.mozilla.org/zh-CN/docs/Web/SVG/Element] 下面列举的是部分常用的元素 svg SVG的代码都放在顶层标签 中 <svg width="200" height="500" viewBox="0 0 100 250" xmlns...
  • 前端项目-geojson2svg.zip
    2019-09-02 21:14
    5. **样式应用**：可能包含一个机制来应用CSS样式到生成的SVG元素，比如颜色、线宽、填充等。 6. **交互功能**：如果项目扩展了交互性，可能包括点击事件监听、鼠标悬停高亮、缩放和平移等功能。 7. **示例和文档**...
  • 突破编程_前端_SVG（概述）
    2024-04-07 16:05
    breakthrough_01的博客 SVG：概述
  • SVG 元素详解：HTML5 中的矢量图形核心技术
    2025-10-09 11:56
    汪子熙的博客 SVG是一种基于XML的矢量图形...文中还展示了SVG在现代Web开发中的实际应用案例，如天气动画、角色动画和响应式设计等，并提供了性能优化建议。SVG凭借其强大的功能和灵活性，已成为创建高质量Web视觉体验的重要工具。
  • SVG中的结构化、分组和引用元素
    2018-03-26 11:29
    liu__software的博客 通过某些SVG元素，我们可以在文档中定义、分组以及引用对象。这些元素使得元件重用变得简单，而且还保持了代码的简洁性和可读性。在这篇文章中我们将讲解这些元素，并指出它们之间的区别，以及每个元素各自的优势。 ...
  • 网页引入SVG图片方式[代码]
    2025-11-12 16:20
    这种方式的优点是可以直接编辑和操作SVG元素，同时也便于与其他HTML元素进行交互。但需要注意的是，将大量的SVG直接嵌入HTML可能会导致页面加载变慢。 其次，可以使用标签引入SVG图片，这与引入常见的位图格式图片...
  • snap.svg 中文参考手册 离线php版
    2014-11-10 14:36
    Snap.svg利用SVG的优势，为开发者提供了丰富的API来操作SVG元素。 2. **Snap.svg对象模型**：Snap.svg的核心是`Snap()`函数，它返回一个`Snap.Paper`对象，你可以在这个画布上创建、选择和操作图形。此外，还有`...
  • 可拖放 SVG 图标生成树状结构视图与数据的前端组件
    2025-07-30 06:03
    资源下载链接为： ...SDT 即 SVG Drag Tree，... 配置方法有不配置（使用默认规则）、HTML 中配置（元素和画布通过特定 data 属性设置）、JS 文件中配置（通过 set_o 对象的 SDTTreeElements 数组和 SDTTreeSet 对象设置）
  • 没有解决我的问题, 去提问