标签: gradient

我想要完成的是仅使用css创建一个渐变...我正在做的所有浏览器除了firefox 3.5之外...这里是代码:

 #gradient {
      color: #fff;
      height:50px;
      padding:0;
      width:940px;
      margin:0 auto;            
      background: -moz-linear-gradient(top, #CFE782 0%, #9BCB2A 2%,#5DA331 97%, #659635 100%);/* For Mozilla/Gecko (Firefox etc) */
 }

我省略了其他浏览器的背景......所以这是我的问题......

有谁知道为什么这不适用于Firefox 3.5和什么工作???

在设置视图的背景颜色时,有没有办法获得渐变效果或半透明效果？例如,这段代码:

selView.setBackgroundColor(Color.rgb(240, 128, 128)); // light red

突出显示列表视图中的选定视图.渐变或背景都很酷.

据我了解，必须相对于canvas元素本身（即0、0）而不是相对于您实际填充的形状指定渐变填充。

问题：我对这个主张是否正确，是否有建议的解决方法？

例如（这里是JSFiddle）：

    ctx.beginPath();
    ctx.rect(40, 50, 100, 70);
    var grd = ctx.createLinearGradient(0, 50, 0, 120);
    grd.addColorStop(0, "red");
    grd.addColorStop(1, "blue");
    ctx.fillStyle = grd;
    ctx.fill();

在那里，我做一个矩形。我希望，从形状的左上方开始用渐变填充它，我将0, 0作为前两个参数通过。似乎我必须改为传递相对于画布的矩形的X / Y坐标。

例如，如果您有一条用二次曲线构建的圆弧，这将成为一个问题，因为如果不是Maths天才，您就不知道曲线的顶部位置，而只知道控制点。

在我的css文件中我有渐变规则,像这样:

background-image:linear-gradient(to right, #FF0000 0%, #00FF00 20px, rgb(0, 0, 255) 100%);

我想得到这个字符串的所有部分.预期产出是:

linear-gradient
to right
#FF0000 
0%, 
#00FF00 
20px, 
rgb(0, 0, 255) 
100%

对我来说,整个字符串的工作太难了所以我决定把它分成几部分.

线性梯度

.*gradient[^\(]?

颜色

rgb ?\([ 0-9.%,]+?\)|#[0-9a-fA-F]{3,6}\s[0-9]{1,3}[%|px]|#[0-9a-fA-F]{3,6}|(aqua|black|blue|fuchsia|gray|green|lime|maroon|navy|olive|orange|purple|red|silver|teal|white|yellow){1}(\s[0-9]{1,3}\s*[%|px]?)?

对

(?<=\()(.*(top|left|right|bottom|center).*?)(?=,)

但最后的正则表达式在JS中不起作用,因为它没有正则表达式.不久,我需要在这里得到"("和","

我正在HTML5中创建一个颜色选择器,如下面的渐变

它由三个要素组成:

1. 纯红色背景颜色(必须可更改)
2. 从底部到顶部的黑色透明渐变
3. 从左到右的白色透明渐变

我设法创建了单个渐变和单个颜色,但我无法弄清楚如何将纯色和两个渐变叠加在一起.我怎么能做到这一点？

(我可以提供我的代码,但它非常通用,不会有用)

我试图在纯css3中复制绿色方形图像.你可以在这里看到图像:

到目前为止,我已设法生成正方形,看起来就像图像中的那个.问题是广场上的圆圈边界.正如你所看到的,图像中那个圆圈的边界是渐变而我的不是(见小提琴),我不知道如何在CSS中复制它...

这是我的广场小提琴

我目前使用的CSS代码:

.greenBlock, .greenCore {
    background-color: #00c200;
    border: 3px solid;
    border-top-color: #00de00;
    border-right-color: #006900;
    border-bottom-color: #006900;
    border-left-color: #00de00;
    z-index: 10;
    width: 42px;
    height: 42px;
}

.greenCore {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    -webkit-transform: translate(25%, 25%);
    transform: translate(25%, 25%); 
}

如何在CSS3中执行此渐变圆边框？

非常感谢

在我的HTML页面上,我有一些JavaScript代码可以生成SVG元素并将它们添加到HTML页面.

目前,这些SVG的所有样式(填充颜色等)都在页面的 CSS中定义.这样SVG可以使用相同的CSS类,我只需要定义一次属性.

现在我希望这些SVG使用线性渐变.但是,MDN似乎没有揭示在页面全局CSS中定义线性渐变的任何方法.所以我的问题如下:

• 有没有办法在页面全局CSS中定义线性渐变？
• 如果没有,如果我使用<linearGradient>每个SVG中的元素定义线性渐变,它们是否可以具有相同的ID？将fill: url(#my-gradient)正确地从相关SVG访问梯度？
• 如果没有,我如何声明一个<linearGradient>ID超出任何SVG 的单个？是否可以使用仅定义渐变的"虚拟"SVG,CSS可以通过其ID引用该渐变？

我正在尝试创建一个UILabel具有渐变背景颜色的.我想知道是否有办法通过界面构建​​器执行此操作.如果没有,有没有办法使用Swift编程语言以编程方式完成此操作？

任何意见或建议都非常感谢.

提前致谢.

我知道在stackoverflow发布所有相似的帖子之后,这令人沮丧.我已经浏览了很多帖子,但我真的无法解决我的问题.所以请帮忙!我想通过像图像的xml设置渐变边框:

我怎样才能实现这一目标？

假设我们有一个经过训练的卷积神经网络，可以在Tensor-Flow中对图像进行分类（wlog灰度）。

给定经过训练的网络和测试图像，人们可以追踪其中的哪些像素是显着的，或者“等效地”追踪哪些像素最负责图像的输出分类。在Theano一个漂亮的解释和实施细则，在此给出的文章。

假设对于与输入图像直接链接的第一层卷积，我们确实具有每个卷积核的参数梯度。分类功能。

如何将梯度传播回输入层，以便计算图像的每个像素的偏导数？

1. 传播并累积回梯度，将为我们提供显着的像素（它们是幅值较大的像素）。

2. 找到梯度wrt。到目前为止，我做了第一层的内核：

   1. 将通常的损失算子替换为输出层算子。
   2. 使用了“ compute_gradient”功能，

总而言之，它看起来像：

• opt = tf.train.GradientDescentOptimizer（1）
• 等级= opt.compute_gradients（输出）
• grad_var = [（grad 1代表grads等级）
• g1 = sess.run（[grad_var [0]]）

其中，“输出”是NN的输出层的最大值。g1是一个（k，k，1，M）张量，因为我在第一层使用了M：kxk卷积核。

现在，我需要找到在每个输入像素上传播g1的正确方法，以计算其导数wrt。输出。