标签: gradient

CSS3白色到透明渐变

我正在使用CSS3和RGBA来创建白色到透明的渐变:

div {
    background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 1), rgba(0, 0, 0, 0));
    background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 1), rgba(0, 0, 0, 0));
    background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(255, 255, 255, 1)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 1), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(255, 255, 255, 1), rgba(0, 0, 0, 0));
    background-image: linear-gradient(left, rgba(255, 255, 255, 1), rgba(0, 0, 0, 0));
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255, 255, 255, 1)', endColorstr='rgba(0, 0, 0, 0)', GradientType=1);
    padding: …
Run Code Online (Sandbox Code Playgroud)

css gradient linear-gradients css3

10
推荐指数
1
解决办法
2万
查看次数

如何创建多个停止渐变片段着色器?

我正在尝试创建一个OpenGL ES 2.0片段着色器,它沿一个轴输出多个停止渐变.它应该在以百分比定义的点处在多种颜色之间进行插值.

我通过使用if片段着色器实现了这一点,如下所示:

float y = gl_FragCoord.y;
float step1 = resolution.y * 0.20;
float step2 = resolution.y * 0.50;

if (y < step1) {
    color = white;
} else if (y < step2) {
    float x = smoothstep(step1, step2, y);
    color = mix(white, red, x);
} else {
    float x = smoothstep(step2, resolution.y, y);
    color = mix(red, green, x);
}
Run Code Online (Sandbox Code Playgroud)

他们说片段着色器中的分支会破坏性能.是否有一些聪明的技巧可用于在不使用ifs的情况下在多个值之间进行插值?它真的值得(这是非常主观的,我知道,但作为经验法则)?

为了说明我的问题,请参阅此GLSL Sandbox链接中的完整源代码(尽管仍然很短):http://glsl.heroku.com/e#8035.0

interpolation gradient opengl-es glsl opengl-es-2.0

10
推荐指数
1
解决办法
4649
查看次数

如何使用PHP将一个很好的径向透明渐变应用于图像?

如何指定图像并应用径向透明渐变,使其径向渐弱.我没有安装Imagemagick.

边缘的例子:

渐变透明图像淡化PHP

php gd gradient file-upload image

10
推荐指数
2
解决办法
2161
查看次数

以编程方式从android中的drawable创建textview背景

我必须在android TextView上以编程方式设置背景

我使用下面的code.its不工作,它也给了我nullpointerexception错误.

best_deals = (TextView) findViewById(R.id.bestdeals);
 best_deals.setBackground(getResources().getDrawable(
                                       R.drawable.headerradius));
Run Code Online (Sandbox Code Playgroud)

但我必须把这些

best_deals.setTextColor(Color.parseColor("#be2351")); 意味着它的工作

上面的代码有什么问题??? 请给我这些解决方案..

这是我的header_redius.xml:

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle" android:padding="10dp">
    <solid android:color="#000000"/>
     <corners 
      android:radius="15dp"
     />
     <gradient
            android:startColor="#434343"
             android:centerColor="#434343"
            android:endColor="#434343"
            android:angle="270" 
            android:type="linear"
            />
        <padding android:left="10dp"
     android:top="0dp"
     android:right="10dp"
     android:bottom="0dp"/> 
        <stroke
            android:width="2dp"
            android:color="#000000" />
            </shape>
Run Code Online (Sandbox Code Playgroud)

android gradient background textview

10
推荐指数
1
解决办法
3万
查看次数

Pyplot:曲线下的垂直渐变填充?

我想知道是否有一种方法可以在垂直渐变下填充pyplot曲线,就像在这个快速模型中一样:

图片

我在StackOverflow上发现了这个黑客,我不介意多边形,如果我能弄清楚如何使颜色贴图垂直:如何在Python matplotlib中的曲线下填充彩虹色

python gradient matplotlib

10
推荐指数
2
解决办法
7442
查看次数

画布中的角度渐变

我正在寻找一个允许在画布笔画上产生这种效果的代码.我已经有了一个动画圆形笔画,我只需要获得ANGLE渐变,而不是线性而不是径向.我只有3种颜色.现有一个可以在这里(将评分)

javascript html5 gradient canvas angle

10
推荐指数
2
解决办法
6682
查看次数

在ios中绘制图像的渐变

如何以编程方式创建渐变颜色,如下图所示.

在此输入图像描述

gradient objective-c layer ios

10
推荐指数
2
解决办法
2万
查看次数

Lollipop上的Android Gradient无法正常工作. - API 21

当我尝试在Lollipop上使用Gradient时,它不起作用.虽然它适用于所有以前的版本.

这是我的例子:

<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<gradient android:type="radial" android:gradientRadius="500"
    android:startColor="#00417e" android:endColor="#001b34" />
Run Code Online (Sandbox Code Playgroud)

android gradient android-5.0-lollipop

10
推荐指数
2
解决办法
7555
查看次数

如何使用Python计算图像的渐变

我想知道如何使用Python来计算图像的渐变.渐变包括x和y方向.我想获得图像的x梯度图和图像的渐变图.谁能告诉我怎么做?

谢谢〜

python gradient image image-processing

10
推荐指数
3
解决办法
1万
查看次数

Pytorch 中 Transformer 模型输出 Nan 值

2021-03-09

\n

我在 pytroch 中训练了我的 Transformer 模型。在前几个批次中,损失计算和梯度更新都表现良好。然而,经过多次迭代后,模型的输出结果是 nan 值。我确信数据集中不存在有缺陷的数据。此外,这不是分类问题,标签是浮点数。

\n

损失变化过程

\n

2021-03-10

\n

追问: \n多么有趣的故事啊!当我使用更大的架构(如 6 个编码器层、8 个头等)运行这个 Transformer 模型时。NAN 值消失了。看来梯度爆炸只存在于微小的模型中。

\n

解决方案: \n我搜索了Pytorch论坛和Stackoverflow,找到了这个NAN实例的准确原因。首先,因为 NAN 损失一开始并没有出现。我们可以得出结论,该模型可能定义良好。原因可能是数据或训练过程。我按照https://discuss.pytorch.org/t/gradient-value-is-nan/91663/2torch.autograd.set_detect_anomaly(True)中的说明运行。它返回的是.RuntimeError: Function \xe2\x80\x98StdBackward1\xe2\x80\x99 returned nan values in its 0th output

\n

根据https://discuss.pytorch.org/t/gradient-of-standard-deviation-is-nan/14713中的类似问题,我仔细检查了变压器内每一层的输出。奇怪的是,经过数十次迭代后,位置嵌入层输出了一个全是零的向量。因此,执行归一化工作的 LayerNorm 无法很好地向后推损失,因为它计算了标准差,而标准差在零处没有梯度(或者你可以说它是无限的)!x.std(unbiased=False)如果您使用的是 pytorch,可能的解决方案是添加。

\n

这就是我遇到的 NAN loss 和 mse。希望我的经历可以给你遇到这种情况时一些启示!

\n

相关问题:深度学习Nan损失原因

\n

gradient nan deep-learning pytorch

10
推荐指数
1
解决办法
6929
查看次数