问题标签 [radial-gradients]

我正在使用 AS3 (Flash)读取 SVG 文件并显示它们。问题是正确显示线性/径向渐变。

以下是SVG 中从Red到Blue的简单线性渐变示例。

我已经能够从渐变中读取颜色（stop 的样式），以及它们在渐变中的间距（stop 的偏移量）。

好的，所以现在我有了一个很好的渐变，颜色正确，它们之间的空间量也恰到好处，但没有旋转或缩放，而且它的位置不正确！.

答案是将矩阵输入到 Flash 的渐变函数中。

方法 1：使用提供的矩阵

SVG提供的矩阵， gradientTransform="matrix(a,b,c,d,e,f)"似乎实际上没有用，因为当您将该矩阵输入 Flash 的beginGradientFill() 函数时，它会显示在形状上拉伸的渐变如此之多，以至于只有渐变的中心颜色可见，就像实心填充一样。

方法 2：使用 2 个梯度点生成矩阵

• x1, y1标签可能是屏幕上渐变开始的点。
• x2、y2标签可能是屏幕上渐变结束的点。

当我说“2 个渐变点”时，我指的是 x1,y1 和 x2,y2，它们主要告诉您渐变在形状上的哪个位置开始和结束。

有一个Matrix.createGradientBox()函数，它创建一个用于渐变的矩阵，但参数与 SVG给我的参数非常不同。它想要：

1. 宽度--- 这里使用了 2 个渐变点之间的相对距离（X 轴）
2. 高度 --- 这里使用了 2 个渐变点之间的相对距离（Y 轴），但得到了不正确的结果--- 也尝试了这里使用2 个渐变点之间的距离，但我不知道在宽度中填充什么！
3. 旋转角度——使用了 2 个渐变点的角度，以弧度为单位，结果不正确！
4. 翻译 x -- 尝试了第一个梯度点的 X，也尝试了 0，结果不正确！
5. 平移 y -- 尝试了第一个梯度点的 Y，也尝试了 0，但结果不正确！

我可以使用哪些 SVG 数据为 Flash 生成渐变矩阵？

（看看上面的 SVG 片段，这就是我描述渐变的所有数据）

我对 iPhone 的 CALayer 绘图有一个奇怪的问题。我有一个根层，它添加了一堆代表“气泡”的子层。最终结果应该是这样的：

http://www.expensivedna.com/IMG_0018.PNG http://www.expensivedna.com/IMG_0018.PNG

问题是我似乎无法使图层抗锯齿（注意气泡上的锯齿）。我为气泡 CALayer 覆盖 drawInContext 的代码如下：

}

现在真正奇怪的是，如果我稍微改变绘图代码只绘制正常的红色圆圈，如下所示：

一切似乎都可以抗锯齿：

http://www.expensivedna.com/IMG_0017.PNG http://www.expensivedna.com/IMG_0017.PNG

我似乎无法弄清楚这种看似奇怪的行为。我是否错过了抗锯齿渐变和法线圆之间的一些区别？

多谢你们。

我正在尝试正确地了解 CSS3 渐变（特别是径向渐变），这样做我认为我给自己设定了一个相对艰难的挑战。

在 Adob​​e Illustrator 中，我创建了以下“按钮”样式。

为了创建这个图像，我创建了一个背景颜色为rgb(63,64,63)or的矩形#3F403F，然后将其“风格化”为具有 15px 的边框半径。

然后我用 25% 的不透明度，8px 模糊，中心为白色的“内发光”对其应用。最后，我在它上面应用了一个 3pt 的白色描边。（如果上面的图片还不够，我会告诉你所有这些，以防你想复制它。）

所以，我的问题是：

是否可以在不需要图像的情况下使用 CSS 重新创建这个“按钮”？

我知道 Internet Explorer 的“限制”（为了这个实验，我不能给猴子）。我也知道 webkit 中的小“错误”，它错误地渲染了具有背景颜色、边框半径和边框（与背景颜色不同的颜色）的元素 - 它让背景颜色在曲线上渗出角落。

到目前为止，我最好的尝试是相当可悲的，但这里的代码供参考：

基本上，很糟糕。非常感谢您接受任何提示或提示，并在此先感谢您！

我想在另一个圆圈中画一些圆圈，如下所示：

替代文字 http://img38.imageshack.us/img38/6379/circles.png

有没有办法告诉 RadialGradientBrush 不使用渐变而只使用固定颜色，所以我可以实现这一点？感谢您的任何提示！

（我想这可以使用 DrawingBrush 轻松完成，我只是想知道这是否也可以使用 RadialGradientBrush 完成）

我想为径向渐变设置动画以缩小和扩大内半径，就好像它在脉动一样。

现在我正在用 CGGradient 渲染渐变，但我不确定如何为它设置动画。我看过这个话题

你可以在 iPhone 中使用 Quartz 制作渐变动画吗？

这解释了如何使用 CAGradientLayer 对线性渐变进行动画处理，但这似乎不会绘制径向渐变。

有没有一种简单的方法来为 CGGradient 设置动画，或者有什么方法可以创建径向渐变 CAGradientLayer？

任何想法表示赞赏。

我尝试了以下代码，但最后一行导致错误 *Error Argument '1': cannot convert from 'System.Windows.Media.RadialGradientBrush' to 'System.Drawing.Brush' *
我有 Visual Studio 2008

谁能告诉我如何用径向笔刷填充椭圆？

我可以将 3 个渐变组合成一个 -webkit-gradient 吗？我想要一个图像，其“背景”和“中景”具有径向渐变，“前景”具有线性渐变。这可能吗？

我将此样式属性附加到body标签：

滚动页面变得非常困难 - 它滞后并且滚动缓慢。应该是这样吗？

编辑：不仅滚动，所有其他 jquery 效果也会变慢。

感谢 CSS3 Pie 和 CSS3Please 之类的工具，我已经能够创建跨浏览器的 CSS。

但我仍然被困在两个领域（当然是因为 Internet Explorer）：

• 径向梯度
• 结合旋转和圆角

任何有关如何解决这些问题的指针将不胜感激。

我的目标是创建一个 CSS 跨浏览器饼图。

我正在一个网站上工作，该网站使用多个 css3 渐变作为背景平铺纹理图像的叠加层

网站网址：-- snipped--

目前对于标题我正在使用以下css：

这里 headerBg.png 是大小为 5x5 像素的半透明纹理，我需要创建此背景的主体广告：

我需要知道如何在 CSS3 中制作这种径向背景，最初我使用与标题相同的代码，但使用 rgba() 作为颜色，将渐变结束设置为 0 不透明度，但它产生了太多噪音。

也为 CSS3 径向背景尝试了一些在线生成器，但没有一个是好的！

我使用的这张图片占用了 280kbs，我想减少它，因为它会显着影响性能！帮助将不胜感激。

更新：

上传psd，可以从 http://ylspeaks.com/stackoverflow_css3.zip下载

并增加赏金