我有一个应用于填充的线性渐变的SVG，但它没有应用第二个停止颜色，我不知道为什么

文章/答案/技术大牛

发布

2回答

css、svg、gradient

我有一个定义了线性渐变的SVG，我正在使用CSS将颜色应用到它。但在实践中，它只显示第一种颜色。在CSS中，我可以看到第二个停止色得到橙色规则，但它没有显示在SVG中，我不知道为什么。在下面的代码中，图像显示为稳定的蓝色。

浏览 28提问于2021-09-01得票数 0

6回答

使用CSS的SVG渐变

css、svg、gradient、linear-gradients

我正在尝试将渐变应用于SVG rect元素。rect { shape-rendering: crispEdges;} 并且在浏览器中查看时，rect元素具有正确的填充颜色。但是，我想知道是否可以对此元素应用线性</

浏览 3提问于2012-12-27得票数 131

1回答

如何计算CSS梯度路径？

css、algorithm、colors、linear-gradients

当使用线性梯度时，例如div { height: 50px;} 可以通过不同的路径改变颜色。在上面的例子中，可以通过线性修改R和B通道来实现，而不触及G通道--但是变化也可能是非线性的(例如，为了提供一种线性感，因为它会更加生理)，或者通过修改G通道来实现(同样是

浏览 0提问于2017-01-05得票数 4

回答已采纳

2回答

用多种颜色填充SVG路径

javascript、css、svg

我有一个国家的省份地图作为SVG，其中每个省份都是一条SVG路径。实际的SVG是下面的。我想做的是用一种颜色填充一部分省(路径)，用另一种颜色填充第二部分，用另一种颜色填充其余部分。例如，x轴上33.33%的路径用颜色a填充，33.33%到66.66%<e

浏览 2提问于2015-03-30得票数 9

回答已采纳

2回答

从左到右填充svg

html、svg、fill、direction

我是svg的新手，我试图在一个路径/圆圈中填充颜色。我能用过渡来填充它。<svg viewBox="0 0 160 160" width="160" height="1

浏览 1提问于2015-07-16得票数 5

回答已采纳

2回答

删除SVG中的所有渐变

svg、vector-graphics、linear-gradients、inkscape

我有一个带有几个对象的SVG文件。它们在填充颜色的顶部都有一个线性梯度。我想清除所有这些渐变，使他们都是一个坚实的颜色。我在网上发现了许多“清理”svg的方法，也就是删除所有未使用的渐变，但是在这里，我想删除所有的梯度，不

浏览 0提问于2017-05-18得票数 2

回答已采纳

1回答

如何在svg编辑中改变渐变颜色？

svg-edit

如何为svg编辑中的线性渐变选择颜色？ “更改填充颜色”弹出让我选择一个梯度，这似乎是基于当前的固体颜色的形状。但这两个顶点都没有颜色选择器。

浏览 0提问于2018-09-11得票数 1

回答已采纳

1回答

风格和android:主题属性有什么不同？

android

在安卓布局xml文件中，像buttons和textviews这样的视图所使用的android:theme和style属性的主要区别是什么？以及什么时候使用哪个？

浏览 12提问于2018-02-18得票数 23

回答已采纳

2回答

如何在react组件中应用内联样式

reactjs、jsx

我正在创建一个具有html进度条的react组件，并且我试图将内联样式应用于它，但它没有将线性渐变应用于进度条。下面是一个示例代码 <progress value=FF0000, #FF0000)`}}&g

浏览 1提问于2018-03-16得票数 1

1回答

html5帆布四角梯度

javascript、html、canvas、gradient

在2d空间中是否有创建多个停止梯度的技巧？我想要做的是在我的画布中创建一个矩形，然后在每个角落有一个不同的颜色停止。我试着创建了4个渐变，每个角落一个，指向相反的角。(试过线性和圆形)。但这并没有产生我想要的效果，因为中

浏览 3提问于2014-12-20得票数 3

回答已采纳

2回答

用线性梯度再现等效CSS梯度的SVG梯度

html、css、svg、linear-gradients

您可以在现代站点中创建CSS渐变，只需以下简单内容：目标是在SVG中重新创建这个梯度，那么默认情况下每个CSS停止使用的百分比是多少？我们修改了不同的百分比(例如，50/50，25/75)和下面的代码，但这些实验都没有产生相同的梯度。最接近的是10/90，但是如果你省略了它们，有人能确认使用的默认百分比吗？

浏览 0提问于2019-01-07得票数 2

回答已采纳

1回答

jqwidgets径向仪表样式背景

css、svg、gradient、jqwidget

我正在使用jqwidgets。在这些小部件中，我使用的是径向量规。对于径向标尺，我想给出径向背景颜色。我有一个代码，就像这样改变背景颜色的径向仪表。$('#gauge').jqxGauge({ style: { fill: '#cccccc', stroke: '#cccccc' }}); 在上面的代码中，我尝试了这样的东

浏览 0提问于2015-10-06得票数 0

1回答

SVG中radialGradient的停止不透明度行为

html、css、svg

背景为什么将stop-opacity: 0设置为100%的梯度停止(例如)，而不是使该梯度停止完全透明？在规范中指向解释这种行为的

浏览 0提问于2018-11-22得票数 2

3回答

SVG:为什么外部css覆盖文本的内联样式？

css、svg、d3.js、gradient

我正在尝试使用SVG gradientFill来可视化地“截断”d3.js图表中的长文本字符串。似乎填充的外部css样式将覆盖SVG中的内联渐变填充样式...一直都是这样吗？如何强制渐变填充？在此测试用例中，我在svg defs中定义了一个线性渐变，然后将渐变填充应

浏览 89提问于2014-06-19得票数 31

回答已采纳

1回答

使用自定义svg的多个停止的Imagemagick对角线性梯度

svg、imagemagick、gradient

我试图使用自定义svg创建对角线线性渐变背景，但是ImageMagick不识别svg上指定的梯度路径。渐变应该从左上角开始，在右下角结束。优先逼近第二种方法是创建一个内联

浏览 4提问于2020-10-31得票数 0

回答已采纳

1回答

SVG:用三种颜色填充rect的最佳方法

svg

我有一个应用程序，其中工作流使用SVG表示，如图所示。例如，任务0、12和11同时开始，同时结束，并在相同的位置进行，因此它们在左侧、右侧和中部具有相同的颜色。用户可以更改这些属性，因此我们需要动态地更改颜色。

浏览 2提问于2019-06-28得票数 0

回答已采纳

1回答

用jquery填充梯度SVG

jquery、css、svg、jquery-svg、radial-gradients

有没有办法用两到三种渐变颜色填充SVG？使用下面的方式，我可以用一种颜色填充一个特定的SVG路径。径向梯度是可以使用的，但不能处理动态方法。颜色需要在SVG代码中定义。因此，我希望使用两到三种颜色作为渐变填充SVG路径，如下所示，使用jquery。是否<em

浏览 3提问于2018-01-06得票数 3

回答已采纳

1回答

D3 SVG路径没有填充线性尺度梯度

javascript、svg、d3.js

我有一个SVG，其中我用id：_116瞄准了某个路径元素。通过这样做，我可以很容易地用坚实的颜色填充这条路：然而，假设我有一个线性比例的颜色，所以我想要一个

浏览 11提问于2021-12-15得票数 1

1回答

是否可以导入调色板并有笔画、填充和渐变颜色停止颜色引用调色板？

svg、import、color-palette

我正在尝试创建SVG图标集的想法。我想要做的是定义一个调色板，并具有笔画、填充和渐变颜色停止颜色引用调色板中的颜色，这些颜色将由每个SVG文件以某种方式导入。这样，如果我想要创建图标集的灰度版本，或者根据特定类型的色盲调整颜色，那么我就可以

浏览 0提问于2014-04-26得票数 2

回答已采纳

2回答

应用于锚标签IE 11的相同类生成两个不同的背景图像

html、css、internet-explorer-11

我将相同的类应用于两个不同的元素，而为背景属性生成的内容是不同的。我最终得到了Button 1- rgba(0，0，0，0)线性渐变(rgb(0，81，0) 0%，rgb(36,138，30) 100%)重复滚动0%0%/自动填充框边界框按钮2- rgba(0，0，0，0)线性渐变(rgb(36,138，30) 0%，rgb(0，81，0) 100%)重复滚动0%0%&

浏览 22提问于2017-07-25得票数 1

点击加载更多