svg中如何获得元素对象

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

写回答
好问题 0 提建议
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

3条回答默认最新

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
lihongbiao0610 2016-11-17 03:23
关注
本回答被题主选为最佳回答 , 对您是否有帮助呢?

解决无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

查看更多回答(2条)

报告相同问题？

关注问题

后端返回的svg前端如何自适应 css html vue.js 有问必答
2021-10-14 17:31

回答 3 已采纳设置百分比。
Svgedit怎么获取元素ID,有集成的项目吗前端
2023-03-10 11:43

回答 1 已采纳可以，参考 https://blog.csdn.net/weixin_42204303/article/details/118183316
学习前端遇到的问题 4: svg 视口和viewbox的宽高比不相同时，是怎么处理的? xhtml 前端
2022-09-19 08:21

回答 1 已采纳涉及到属性preserveAspectRatio，该属性的对齐方式均是以viewBox为对象比例一致时：比例不一致时：
vue项目里面引用svg文件并给svg里面的元素赋值
2020-10-14 21:53

总结，要在Vue项目中引用SVG文件并给SVG元素赋值，首先要确保SVG文件的格式正确，然后在Vue组件中引入SVG内容，最后利用JavaScript操作DOM实现元素的赋值。理解SVG的基本概念和属性，如`viewBox`，将有助于更有效地...
从文件中提取SVG标记/节点 php
2018-07-03 07:12

回答 1 已采纳 I am really not into php, but here is what a small search lead me to. In order to remove the doct
svgedit里面的svg图元库下的svg路径添加到JS中 javascript 前端
2023-03-08 23:27

回答 2 已采纳引用自 chatGPT 希望对你有帮助：1.SVG路径信息图标不显示：可能是因为SVG代码中存在错误或缺失必要的元素。可以使用SVG代码检查器（如Chrome浏览器中的开发者工具）来检查SVG代码并查
树枝模板中的SVG图标 html php
2018-03-02 10:18

回答 1 已采纳 I would generate my own font file with all the icons used in the application... just like fontawes
突破编程_前端_SVG（元素碰撞检测）
2024-04-19 14:55

breakthrough_01的博客 SVG（元素碰撞检测）
请问使用js能实现向svg中添加div吗 javascript
2015-08-10 14:19

回答 2 已采纳为什么要用div，svg本来就是画图的，相当于canvas的画布，添加div了怎么画图？
SVG嵌入式图像仅在浏览器中显示 javascript php
2017-01-04 09:37

回答 1 已采纳 Try removing the space after data:. The URI syntax specification specifically disallows spaces in
node.js 如何将前端传来用svg图片转成的base64字符串再转成svg图片 node.js
2022-06-30 22:35

回答 3 已采纳 const fs = require('fs'); const base64str = fs.readFileSync('./任意文件svg也行.png').toString('base64');
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...
突破编程_前端_SVG（概述）
2024-04-07 16:05

breakthrough_01的博客 SVG：概述
前端项目-geojson2svg.zip
2019-09-02 21:14

5. **样式应用**：可能包含一个机制来应用CSS样式到生成的SVG元素，比如颜色、线宽、填充等。 6. **交互功能**：如果项目扩展了交互性，可能包括点击事件监听、鼠标悬停高亮、缩放和平移等功能。 7. **示例和文档**...
SVG中的结构化、分组和引用元素
2018-03-26 11:29

liu__software的博客通过某些SVG元素，我们可以在文档中定义、分组以及引用对象。这些元素使得元件重用变得简单，而且还保持了代码的简洁性和可读性。在这篇文章中我们将讲解这些元素，并指出它们之间的区别，以及每个元素各自的优势。 ...
没有解决我的问题, 去提问

svg中如何获得元素对象

3条回答 默认 最新

3条回答默认最新