首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >用ReactJS实现SVG中<path>的CSS设置

用ReactJS实现SVG中<path>的CSS设置
EN

Stack Overflow用户
提问于 2015-06-24 00:19:55
回答 1查看 136关注 0票数 0

我有带有<路径>标记的ReactJS组件。我无法在此<路径>标记中设置CSS属性。主要问题是,对于我的应用程序,我不能在render()函数中包装< div >标签。如何在标签中添加类似背景图片的CSS。

EN

回答 1

Stack Overflow用户

发布于 2016-02-03 05:56:34

我会将任何实时svg绘图推迟到另一个库中。查看http://d3js.orghttp://raphaeljs.com,以获得基于svg的优秀解决方案。我个人曾在react中使用过d3库,它工作得很好。您只需要将svg上的事件侦听逻辑推迟到d3,但您仍然可以使用react将它们公开给组件的生命周期。如果你正在用svg做任何复杂的事情,我绝对推荐d3js。

否则,如果您只是尝试将svg作为图像加载,则可以这样做:

代码语言:javascript
运行
复制
<img src='path/to/svg.svg'/>

img标签支持所有主流浏览器中的svg,包括大多数触摸设备。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/31008226

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档