腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
作为
React
中
组件
的
SVG
上
的
多
色
填充
reactjs
、
svg
我可以使用它
作为
组件
来更改
SVG
的
填充
import { ReactComponent as Icon} from '../assets/icon.
svg
' ...<Icon fill='#000' /> 在
SVG
文件内
的
填充
字段
上
使用“current <path fill="current" /&g
浏览 41
提问于2021-11-12
得票数 0
回答已采纳
2
回答
React
Image
组件
的
滤
色
器
javascript
、
reactjs
、
react-native
有没有办法在
React
Native Image
组件
中
添加滤
色
器?但对于
多
色
图像-我需要一个单独
的
过滤器。
浏览 0
提问于2017-06-16
得票数 1
2
回答
react
-native-vector-icons插件
上
的
IcoMoon彩色图标无法正常工作
react-native
、
react-native-vector-icons
我已经从Icomoon工具创建了一个字体包,以便能够在我
的
react
原生应用程序
上
使用它。黑白图标似乎可以正常加载,但彩色图标在应用程序中会被破坏,并被强制为黑白图标。我正在执行以下操作来添加它,(我还在XCode inside Resources文件夹
中
手动添加了它,它是链接到那里
的
所有内容)import icomoonConf
浏览 0
提问于2019-01-19
得票数 2
4
回答
在
React
JS
中
更改
SVG
填充
颜色
html
、
reactjs
、
svg
/something.
svg
';如何在ReactJS
中
更改
SVG
的
填充
颜色?/something.
svg
'; <Logo1 /> // doesn't work : 'ReactComponent
浏览 2
提问于2020-03-23
得票数 2
2
回答
在Angular2
中
使用
SVG
图标
angular
我一直想知道在Angular2
中
使用
SVG
图标的最佳实践是什么。我看到目前主要有两种方法:1.将
SVG
转换为字体。2.在
组件
中
内联
SVG
XML。我们开始使用ICOMOON
的
字体方法,但我们
的
问题是我们有
多
色
图标,然后我们应该只为这些图标创建
组件
(对于其他图标,我们在SPAN/DIV
上
使用CSS属性) 内联
SVG
方法
的
问题是代码有点乱(
浏览 0
提问于2017-02-08
得票数 4
2
回答
如何使用
react
原生
svg
使文本在圆圈中间居中?
react-native
、
react-native-svg
如何使文本位于圆圈
的
中间(垂直和水平)?或者所有位于
Svg
中间
的
内容(然后文本将位于圆圈
的
中间) const size = width < height ?25const circunference = radius * 2 * Math.PI <
Svg
circunference} ${circunference}`} {...{ strokeWidt
浏览 61
提问于2019-09-19
得票数 2
2
回答
HTML
中
的
SVG
:如何使用
多
色
SVG
作为
掩码
javascript
、
html
、
svg
、
mask
如果蒙版是单色
的
,我知道如何使用
SVG
蒙版完全“剪切”出另一个形状
的
蒙版。 创建@enxaneta建议
的
白色
填充
版本
的
形状不适用于我
的
问题,因为我有许多“复杂
的
”外部
SVG
定义,并且我不想更改每个
浏览 1
提问于2018-12-11
得票数 1
11
回答
如何在
react
中
为
svg
图像添加颜色
html
、
reactjs
、
css
默认情况下,我
的
图标是黑色
的
。伙计们有什么建议吗?import menuIcon from '../img/menu.
svg
'; import homeIcon from '../img/home.
svg
&
浏览 0
提问于2019-02-04
得票数 57
回答已采纳
1
回答
如何在img标签
中
更改
svg
源
的
颜色?
javascript
、
css
、
reactjs
、
svg
、
ecmascript-6
当提供彩色道具时,我正在尝试将
svg
图标的颜色从黑色更改为白色。export class CategoryIconComponent extends
React
.Component { static displayName = 'CategoryIcon';或者任何其他我可以点击进入
svg
组件
并更改它
的
方法? ?
浏览 16
提问于2020-01-18
得票数 2
回答已采纳
1
回答
单张-
多
色
图案
填充
svg
、
leaflet
、
fill
我需要实现一个
多
色
填充
一个多边形功能。
填充
将根据特征属性有条件地格式化。假设我需要一个三
色
图案
的
多边形,就像这样: 如何在传单
中
做到这一点?在一个简单
的
div
中
,可以很容易地通过以下CSS函数实现这一点: background: repeating-linear-gradi
浏览 3
提问于2020-12-23
得票数 2
回答已采纳
2
回答
SVG
:为部分形状设置
填充
颜色
svg
我有一个椭圆形
的
形状,我想把它分成四个部分。是否可以独立地对这些部分着色,或者是否需要创建4个单独
的
自定义形状?} stroke:rgb(0,0,0);} <body> <
svg
xmlns="http://www.w3.org&
浏览 3
提问于2014-05-21
得票数 0
回答已采纳
1
回答
React
Native
中
的
图片表
reactjs
、
react-native
、
react-image
、
react-image-crop
你知道如何在
react
原生中使用图片表吗?例如,如果我有一个像这样
的
图片表,有没有一种方法可以定义框架尺寸并重用单个图像来显示多个图标?找到了一种使用ImageBackground
的
方法: 探索其他选择。
浏览 32
提问于2021-10-28
得票数 0
1
回答
用webpack将
svg
文件转换为angular 2字体
angular
、
webpack
我想要将.
svg
文件转换为可以在我
的
应用程序中使用
的
字体文件。我不想使用很棒
的
字体,正因为如此,我才使用这个。我听说过fontgen-loader,但读了它后,我不知道从哪里开始。 请给我指点方向。
浏览 5
提问于2017-02-13
得票数 0
1
回答
SVG
过滤feFlood‘泛
色
’属性支持梯度
作为
输入吗?
html
、
svg
、
svg-filters
、
radial-gradients
、
vignette
我正在试验
SVG
过滤器,同时尝试创造一个小效果。 <
svg
width="300" height="300" xmlns="http://www.w3.org/2000/
svg
" xmlns:xlink="http://www.w3.<rect
浏览 0
提问于2018-08-21
得票数 3
3
回答
如何在DOM
上
呈现反应18
的
SVG
?
reactjs
我见过很多人都在讨论不起作用
的
事情。 return <Underconstruction />但它向我展示了这个错误:我还尝试使用它
作为</e
浏览 10
提问于2022-10-19
得票数 0
1
回答
使用
React
创建交互式
SVG
组件
svg
、
reactjs
</
svg
>
SVG
数据保存在一个具有.
svg
扩展名
的
单独文件
中
。假设我想要创建映射
的
React
组件
,并对其进行完全控制,这样我就可以基于某些外部输入修改单个状态
的
样式。使用Webpack,据我所知,我有两个加载
SVG
标记
的
选项:使用将其
作为
原始标记插入,并使用dangerouslySetInnerHTML创建一个
组件
。</<
浏览 0
提问于2015-12-26
得票数 12
回答已采纳
3
回答
如何将自定义
SVG
文件与material-ui图标
组件
一起使用?
css
、
reactjs
、
svg
、
icons
、
material-ui
在我
的
项目中,我使用定制
的
svg
文件
作为
需求
的
一部分。我正在使用material-ui@3.9.3来实现这一点。我查看了官方文档->
上
提供
的
示例。我正在寻找
的
是一种使用自定义图标的方式,可以很好地与Material-UI
的
<Icon>
组件
一起工作。 有没有人能帮我
浏览 9
提问于2019-04-19
得票数 2
1
回答
ReactJS:在Safari
中
,在
SVG
容器
中
呈现
SVG
标记失败
svg
、
safari
、
reactjs
在标记
中
, <
svg
> <g id="existing-g"></g></html>
React
.render(<text>Something</text>, document.getElementBy
浏览 0
提问于2015-09-14
得票数 2
回答已采纳
1
回答
React
中
的
SVGs &尾风CSS
填充
:"currentColor“不起作用
reactjs
、
svg
、
tailwind-css
我试图得到一个
SVG
,以改变颜色在黑暗模式下
的
尾风CSS。这意味着我必须使用像text-white这样
的
类来设置
SVG
的
填充
颜色(在纯CSS中转换为--tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity然后我可以添加另一个像dark:text-black这样
的
尾风类,当用户启用暗模式时,它应该会使
SVG
变黑。但是,即使
SVG
被正确格式化为使用fill
浏览 5
提问于2021-06-13
得票数 3
回答已采纳
3
回答
使用
svg
作为
react
组件
javascript
、
reactjs
、
svg
我正在尝试使用带有
react
的
SVG
,但我不能。结果我找不到为什么会出现这个错误: InvalidCharacterError Failed to execute 'createElement' on 'Document': The tag name provided ('<
svg
codesandbox
中
的
代码示例:https://codesandbox.io/s/
svg
-i
浏览 39
提问于2020-06-20
得票数 0
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
前端福音:为什么使用React和SVG开发图形UI是天作之合?
开源推荐 | 基于fabric.js的多页面图片设计,支持文字、图片、形状、线条、二维码 、条形码几种最常用的元素类型
干货15 个有趣的 JS和CSS 库
SVG之旅:填充特性
React 16.4.1 发布,构建用户界面的 JavaScript 库
热门
标签
更多标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
活动推荐
运营活动
广告
关闭
领券