带圆弧的CSS渐变

文章/答案/技术大牛

发布

1回答

html、css、linear-gradients、radial-gradients

我在一个很长的页面上创建了一个垂直的线性渐变 background-image: linear-gradient(#0e1a34, #5e7481, #a0947a,#c17a5c, #ada7cb, #d7e8fd, #d7edf0);当然，它是线性的和垂直的，每种颜色在div中均匀分布，大约是100vw x 1000vh (长度会有所不同)。但我希望每种颜色在页面上轻轻地向上弧形(想想天空照片中发生的变暗的渐晕)，但在页面长

浏览 64提问于2020-05-07得票数 0

回答已采纳

2回答

如何绘制圆形并用颜色填充外部边框

javascript、html、css

我想知道在CSS2/3中是否有可能实现这一点(如果不可能，可以在JS中实现)。实际上，我的愿望不是将其作为图像，而是使用一个类设置填充颜色的百分比(如果不可能，则使用js )任何教程/帮助都是非常感谢的。谢谢。

浏览 2提问于2012-03-26得票数 2

回答已采纳

1回答

Quartz2D:如何画圆的圆弧？

iphone、quartz-2d

我想画一个圆弧，就像这个草图中的那样：感谢您的回答！斯特凡

浏览 1提问于2009-09-10得票数 1

1回答

如何在SweepGradient中设置正确角度的颜色？

android、android-custom-view

现在我的圆弧渐变看起来像这样：但是如何从我的弧渐变(270度到90度之间)开始红色呢？

浏览 19提问于2017-01-24得票数 0

3回答

绘制圆弧将线性渐变html5画布

html、canvas

我在画布上画了一个圆弧，可以给它三种颜色的线性渐变吗？？

浏览 1提问于2013-01-07得票数 7

回答已采纳

2回答

在HTML5画布上修改透明圆弧的渐变透明度

html、canvas、transparency

这里我有一个圆弧，它使用的两个渐变中的一个应用了一些透明度：var grd=ctx.createRadialGradientgrd.addColorStop(1,"transparent");ctx.fillStyle=grd;现在有没有办法给整个圆弧一些透明度，只影响<e

浏览 2提问于2011-01-16得票数 4

回答已采纳

1回答

有没有办法在JavaFX中构建路径渐变？

java、javafx、javafx-8

我需要使用路径渐变(沿路径改变笔划颜色)，但目前无法找到使用当前JavaFX应用编程接口的方法。请注意，这与对路径元素应用线性渐变不同。这似乎适用于直线段，但在某些圆弧配置和多个连接的路径元素中失败。有人能为解决这个问题提供一些建议吗？

浏览 0提问于2014-05-16得票数 7

2回答

基于圆弧的渐变

c#、gradient

我正在尝试创建一个圆弧(宽度可变，度数可变--可能是一个完整的圆圈)，它的一端是红色，另一端是绿色。我还没有想出如何在圆弧上指定渐变来实现这一点。例如，如果您可以想象创建一个圆形温度计，其中仪表标记指向圆上从0到500的不同度数。为了增加视觉效果，我希望仪表圆周具有渐变颜色，表示仪表温度-从冷(绿色)到非常热(红色)。径向梯度似乎也不能满足我的需求。谢谢。

浏览 0提问于2009-07-24得票数 3

7回答

我可以沿SVG路径应用渐变吗？

svg、path、gradient

我想在我的网站上放一个简单的加载指示器，它是由脚本触发的。它应该是一个简单的圆弧，它有一个梯度，并在用户等待时旋转。我还没有尝试过动画部分，但现在被静态样式卡住了。这是我到目前为止所得到的：<svg version="1.1" baseProfile="full" xmlns="http://www.w3.org/2000/svg" widthstroke=&q

浏览 3提问于2013-02-01得票数 74

回答已采纳

2回答

计算safari和chrome中svg路径的getBBox()中包含的控制点

javascript、svg、geometry

这与这个错误有关：给定一个圆弧(中心，半径，半径，endAngle)，我可以计算路径上的点，然后计算它们的边界框，然而，在safari和chrome中，有一个bug，它包括边界框中的弧的控制点。由于渐变填充应用于形状的边界框，这会导致覆盖形状的渐变略有不同，这取决于浏览器是否有此错误。我的问题是:在不使用实际API (getBBox())的情况下，如何在给定这些参数(center、radius、s

浏览 0提问于2014-10-18得票数 0

2回答

带渐变的圆形虚线边界

css

如何在CSS3中生成带梯度的圆点边框？我只发现有渐变的边框和点缀的边框。这是我必须执行的：

浏览 4提问于2016-04-19得票数 2

回答已采纳

1回答

如何使用径向渐变绘制扇区(iphone)

iphone、objective-c、core-graphics

如何在objective c (Core Graphics)中绘制具有径向渐变的扇区(填充圆弧)？但它画的是圆圈。这将是很好的，如果你告诉我如何填充任何形状的径向梯度。谢谢

浏览 0提问于2011-07-14得票数 1

回答已采纳

1回答

绘制圆弧并对其进行渐变

java、graphics、awt、gradient、java-2d

我想知道是否有可能在图形面板上使用渐变绘制一个圆弧，以及我将如何去做。任何可以产生类似效果的替代方案的建议都将不胜感激。

浏览 0提问于2013-01-20得票数 5

回答已采纳

2回答

将我的渐变设置为BezierPath弧形

ios、swift、uibezierpath

我已经读过一些主题，但不适用于我…我尝试将渐变颜色应用到用UIBezierPath绘制的圆弧上。问题是我的渐变填充了所有的圆，而不仅仅是圆环。gradient.mask = shapeMask }} 所以这段代码，将渐变应用于所有填充的表单，我只需要圆弧。

浏览 0提问于2017-03-20得票数 0

4回答

CSS未来证明线性梯度

css、gradient、linear-gradients

现在我不是CSS专家，但我注意到所有这些都加了前缀。添加一个没有前缀的版本是否明智？会是什么呢？

浏览 1提问于2013-06-10得票数 5

回答已采纳

1回答

Three.js -使用圆弧生成形状

three.js

我正在尝试在Three.js中重新创建一个类似于下图的螺旋元素：我使用一个由一些点和一个ExtrudeGeometry组成的形状向下扭曲到正确的长度，然后扭曲网格，就像在这个中看到的那样。然而，我对生成正确形状的最佳方法感到困惑。如下图所示，形状应由不同半径的圆弧组成，圆弧将某些角度从一点延伸到另一点：这些圆弧的中心和半径都定义得很好(在图中没有显示)，但是我似乎只能在Shape中使用贝塞尔曲

浏览 15提问于2018-08-16得票数 0

回答已采纳

3回答