标签: gradient

Webkit Gradient语法

我一直在阅读有关该-webkit-gradient物业,我不明白.

径向:

-webkit-gradient(radial, 105 105, 20, 112 120, 50, from(#ff5f98), to(rgba(255,1,136,0)), color-stop(75%, #ff0188)),
Run Code Online (Sandbox Code Playgroud)

什么105 105, 20, 112 120, 50意思?

线性:

background: -webkit-gradient(linear, 40 50, 50 50, color-stop(0.0, yellow),
            color-stop(0.5, orange), color-stop(1.0, red));
Run Code Online (Sandbox Code Playgroud)

什么40 50, 50 50意思?

webkit gradient css3

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

如何将Android XML Drawable保存,导出或转换为PNG图像文件?

我有一个我非常喜欢的渐变,但我使用XML drawable创建它:

<gradient
    android:startColor="#DD181C18"
    android:endColor="#809C7D5A"
    android:angle="90"/>
Run Code Online (Sandbox Code Playgroud)

什么是一个简单的方法来创建一个png或类似的东西?

我真正想要的是: 一个工具可以和使用该工具的指令使用#aarrggbb格式制作渐变,因为它的输入alpha /颜色(90度角,一般角度,将是一个加号).

谢谢你的帮助.

编辑:D'哦!我完全意识到ImageMagick应该能够做到这一点.我会尽快发布我的答案代码,除非有人想要打败我并获得全部赏金!

android gradient xml-drawable

9
推荐指数
1
解决办法
8910
查看次数

为什么在应用背景渐变时会反转边框颜色?

我偶然发现了一些奇怪的东西.将虚线白色边框应用于元素时,背景渐变的颜色显示在元素的错误一侧,如下所示:

错误的边框颜色

我在最新版本的Firefox,Chrome,Opera和IE10中看到了这一点.然而,IE9有我的意图.

我的css目前是:

aside.block { 

    width:                  259px;
    padding:                12px;
    margin:                 15px 0;

    border:                 2px dashed #fff;

    background-image:       -o-linear-gradient(bottom, rgb(219,203,0) 0%, rgb(255,236,0) 100%);
    background-image:       -moz-linear-gradient(bottom, rgb(219,203,0) 0%, rgb(255,236,0) 100%);
    background-image:       -webkit-linear-gradient(bottom, rgb(219,203,0) 0%, rgb(255,236,0) 100%);
    background-image:       -ms-linear-gradient(bottom, rgb(219,203,0) 0%, rgb(255,236,0) 100%);
    background-image:       linear-gradient(bottom, rgb(219,203,0) 0%, rgb(255,236,0) 100%);
    filter:                 progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec00', endColorstr='#dbcb00');

}
Run Code Online (Sandbox Code Playgroud)

左侧和右侧的边框颜色很好,但由于这几乎发生在每个浏览器中,我将不得不假设这是我的错误,而不是浏览器错误.我在这里错过了什么?

css gradient border colors

9
推荐指数
1
解决办法
1216
查看次数

iOS在两种颜色之间的点处查找颜色

我有一个问题:我需要能够采用两种颜色并从中制作出"虚拟渐变".然后,我需要能够在此行的任何位置找到颜色.我目前的做法是:

if (fahrenheit < kBottomThreshold)
{
    return [UIColor colorWithRed:kBottomR/255.0f green:kBottomG/255.0f blue:kBottomB/255.0f alpha:1];
}
if (fahrenheit > kTopThreshold)
{
    return [UIColor colorWithRed:kTopR/255.0f green:kTopG/255.0f blue:kTopB/255.0f alpha:1];
}

double rDiff = kTopR - kBottomR;
double gDiff = kTopG - kBottomG;
double bDiff = kTopB - kBottomB;

double tempDiff = kTopThreshold - kBottomThreshold;

double rValue;
double gValue;
double bValue;

rValue = kBottomR + ((rDiff/tempDiff) * fahrenheit);
gValue = kBottomG + ((gDiff/tempDiff) * fahrenheit);
bValue = kBottomB + ((bDiff/tempDiff) * fahrenheit);

return [UIColor colorWithRed:rValue/255.0f green:gValue/255.0f …
Run Code Online (Sandbox Code Playgroud)

gradient blending linear-gradients uicolor ios

9
推荐指数
4
解决办法
3091
查看次数

android-如何制作高品质的4色渐变?

gradient在Android中可以使用2种或3种颜色.现在可以用4种颜色制作高质量的渐变吗?我正在强调质量,因为有一些方法比如将两个渐变放在一起,但我认为不会产生高质量的结果...... 在此输入图像描述

java android gradient

9
推荐指数
1
解决办法
2072
查看次数

背景颜色50%一种颜色和50%另一种颜色

在div的内部,我想在它的宽度的前50%中放置背景颜色,而在另外50%的宽度中放置另一种颜色.理想情况下,调整大小我希望它无缝调整,没有任何瑕疵或抖动效果.

理想情况下,我想避免在代码中使用其他div,因为我正在使用难以更改的现有HTML - 真正寻找100%CSS解决方案.

我正在寻找这样的东西(我用Fireworks嘲笑了这个): 在此输入图像描述

css gradient background

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

LinearGradient中心动画

我想要为线性渐变的中心设置动画,以便在开始时整个drawable是color1,最后整个drawable是color2,并且在渐变的中心之间从左到右移动.

GradientDrawable gd = new GradientDrawable(
                              GradientDrawable.Orientation.LEFT_RIGHT,
                              new int[] {color1, color2});
gd.setCornerRadius(0f);
gd.setGradientCenter(x, 0);
view.setBackgroundDrawable(gd);
Run Code Online (Sandbox Code Playgroud)

问题是setGradientCenter没有任何区别.根据这个答案/sf/answers/1006878211/ setGradientCenter()存在问题但是这个答案中的解决方案对我不起作用,因为我在用户滑动时更改onTouch()中的渐变他的手指在视野上,所以它需要非常快.

有没有办法做到这一点?

我想做这样的事情(所有触摸的东西都很好但不是动画渐变):

在此输入图像描述

animation android gradient linear-gradients

9
推荐指数
1
解决办法
3054
查看次数

Android:AppBarLayout渐变背景

我尝试使用渐变背景(从黑色到透明)实现工具栏.工具栏位于一个AppBarLayout内,它位于CoordinatorLayour内部,因为我希望工具栏在滚动屏幕时滑出屏幕(滚动| enterAlways滚动标记).这适用于棒棒糖前版本,看起来像这样:

在此输入图像描述

但是在棒棒糖上这是显示的内容:

奇怪的颠倒在背景中的梯形

我在工具栏和appbarlayout上尝试了其他背景组合,以使工具栏具有渐变背景,但所有内容都会产生相同的结果.我试图寻找类似的问题,但没有找到.

<android.support.design.widget.CoordinatorLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/gradient">

        <android.support.v7.widget.Toolbar
            android:layout_height="wrap_content"
            android:layout_width="match_parent"
            android:background="@android:color/transparent"
            app:layout_scrollFlags="scroll|enterAlways">

            ...

        </android.support.v7.widget.Toolbar>
    </android.support.design.widget.AppBarLayout>
</android.support.design.widget.CoordinatorLayout>
Run Code Online (Sandbox Code Playgroud)

android gradient background transparent android-5.0-lollipop

9
推荐指数
1
解决办法
3208
查看次数

机器学习 - 使用批量梯度下降的线性回归

我试图在具有单个特征和多个训练样例(m)的数据集上实现批量梯度下降.

当我尝试使用正规方程时,我得到了正确的答案但错误的答案下面的代码在MATLAB中执行批量梯度下降.

 function [theta] = gradientDescent(X, y, theta, alpha, iterations)
      m = length(y);
      delta=zeros(2,1);
      for iter =1:1:iterations
          for i=1:1:m
              delta(1,1)= delta(1,1)+( X(i,:)*theta - y(i,1))  ;
              delta(2,1)=delta(2,1)+ (( X(i,:)*theta - y(i,1))*X(i,2)) ;
          end
          theta= theta-( delta*(alpha/m) );
        computeCost(X,y,theta)
      end
end
Run Code Online (Sandbox Code Playgroud)

y是具有目标值的向量,X是一个矩阵,第一列中包含一列和第二列值(变量).

我使用矢量化实现了这一点,即

theta = theta - (alpha/m)*delta
Run Code Online (Sandbox Code Playgroud)

... delta是一个初始化为零的2元素列向量.

成本函数J(Theta)1/(2m)*(sum from i=1 to m [(h(theta)-y)^2]).

matlab gradient machine-learning linear-regression gradient-descent

9
推荐指数
1
解决办法
6109
查看次数

tensorflow:为什么collect_nd是可区分的?

我正在研究一个Tensorflow网络,该网络为CartPole开放式环境实现了强化学习。

网络为策略梯度代理实施似然比方法

事实是,使用gather_ndop 定义保单丢失!在这里,看看:

    ....
    self.y = tf.nn.softmax(tf.matmul(self.W3,self.h2) + self.b3,dim=0)
    self.curr_reward = tf.placeholder(shape=[None],dtype=tf.float32)
    self.actions_array = tf.placeholder(shape=[None,2],dtype=tf.int32)
    self.pai_array = tf.gather_nd(self.y,self.actions_array)
    self.L = -tf.reduce_mean(tf.log(self.pai_array)*self.curr_reward)
Run Code Online (Sandbox Code Playgroud)

然后,他们针对网络的所有参数采用这种损耗的导数:

    self.gradients = tf.gradients(self.L,tf.trainable_variables())
Run Code Online (Sandbox Code Playgroud)

怎么会这样??我认为神经网络的整个观点总是与可区分的操作一起工作,就像cross-entropy从来没有做过奇怪的事情一样,例如self.y根据self.actions_array随机选择且显然不可区分的索引选择索引。

我在这里想念什么?谢谢!

gradient reinforcement-learning tensorflow

9
推荐指数
1
解决办法
1444
查看次数