标签: gradient

我有垂直子菜单,如下:

<div id="dropdown_menu" class="menu">
<ul>
<li> <a>First Link</a></li>
<li> <a>Second Link</a></li>
</ul>
</div>

我在css类'menu'中放置底部背景.在.menu ul中的顶部背景片段.现在,我有一个垂直渐变,从上到下改变颜色(在整个垂直菜单中),因此我不能把它放在.menu ul li中.是否可以添加垂直渐变而不对html进行任何更改？

我有一个用于网站的新设计的photoshop psd文件(用PS-CS4打开),我想分析使用的渐变.我找到了负责渐变的图层,在混合选项下我找到了使用的渐变 - 但我错过了渐变开始和结束的确切RGB值.任何人都可以帮我找到这些价值观？

我在drawable文件夹中有一个可绘制的形状.这是XML结构:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <gradient 
        android:startColor="#4D0418" 
        android:centerColor="#5F031D"
        android:endColor="#7D0227" 
        android:angle="-90" />
</shape>  

现在我想从运行时的java代码中更改startColor,centerColor,endColor.如何改变？

我有一条曲线,我想在这条曲线的给定点找到法向量,后来我必须找到这个法向量与另一个向量的点积.

我尝试了MatLab的渐变功能,但我想当我们需要在特定点找到渐变时它不起作用我还不确定我是不是错了.

请指导我如何在MatLab中实现这一目标.

提前致谢.

我想在R中的散点图上得到线性模型的梯度/斜率值

例如,如果我有一个情节:

x <- 1:10
y <- c(0, 0, 1, 0, 1, 1, 0, 1, 1, 1)
plot(x, y)
abline(lm(y ~ x))

散点图现在有一条线,我需要知道渐变.理想情况下,我想要的是一个可以计算各种x/y组合的渐变的函数,而不是每次都绘制图形.我可以自己创建这个功能,但我仍然坚持如何获得渐变.

我正在尝试将Matlab代码转换为OpenCV,它执行输入图像的渐变计算.但是对于完全相同的输入图像,结果矩阵是不同的.

这是我想要转换的Matlab代码:

gradientsigma = 1;
sze = fix(6*gradientsigma);   if ~mod(sze, 2); sze = sze + 1; end
f = fspecial('gaussian', sze, gradientsigma);  % Generate Gaussian filter
[fx, fy] = gradient(f);    % Gradient of Gaussian

Gx = filter2(fx, im);    %Gradient of the image in x
Gy = filter2(fy, im);    % ... and y

这是我写的OpenCV代码:

cv::Mat grad_x, grad_y;
cv::Sobel(im, grad_x, CV_32FC1, 1, 0, 3, 1, 0, cv::BORDER_DEFAULT);
cv::Sobel(im, grad_y, CV_32FC1, 0, 1, 3, 1, 0, cv::BORDER_DEFAULT);

但是,Gx的输出是这样的:

% first four pixels
[-27.1851 …

给定一个图像,有没有办法使用CSS软化边缘？或者通过一些js库(虽然css会更受欢迎)？这个想法是图像的边缘应该模糊成透明度,因此它们更适合背景.

示例,原始图像:

边缘柔和的图像:

在stackoverflow上有许多类似的问题,但是没有(我能找到)提供答案来做到这一点.大多数情况下,他们关心的是模糊整个图像,或者在图像上设置半透明边框,这些都不是我想要的.

我试图在两台机器上拆分最小化功能.在一台机器上,我称之为"compute_gradients",在另一台机器上,我称之为"apply_gradients",其中包含通过网络发送的渐变.问题是,无论我做什么,调用apply_gradients(...).run(feed_dict)似乎都不起作用.我试过插入占位符代替apply_gradients的张量渐变,

  variables = [W_conv1, b_conv1, W_conv2, b_conv2, W_fc1, b_fc1, W_fc2, b_fc2]
  loss = -tf.reduce_sum(y_ * tf.log(y_conv))
  optimizer = tf.train.AdamOptimizer(1e-4)
  correct_prediction = tf.equal(tf.argmax(y_conv,1), tf.argmax(y_,1))
  accuracy = tf.reduce_mean(tf.cast(correct_prediction, "float"))
  compute_gradients = optimizer.compute_gradients(loss, variables)

  placeholder_gradients = []
  for grad_var in compute_gradients:
     placeholder_gradients.append((tf.placeholder('float', shape=grad_var[1].get_shape()) ,grad_var[1]))
  apply_gradients = optimizer.apply_gradients(placeholder_gradients)

然后当我收到我打电话的渐变时

  feed_dict = {}
  for i, grad_var in enumerate(compute_gradients):
        feed_dict[placeholder_gradients[i][0]] = tf.convert_to_tensor(gradients[i])
  apply_gradients.run(feed_dict=feed_dict)

但是,当我这样做时,我明白了

ValueError:使用序列设置数组元素.

这只是我尝试过的最新内容,我也尝试了没有占位符的相同解决方案,以及等待创建apply_gradients操作,直到我收到渐变,这会导致不匹配的图形错误.

我应该采取哪些方向帮助？

当我在全屏窗口中生成折线图时,显示的颜色在声明的半径中,但是当我尝试调整窗口大小时,图表会正确调整大小,但渐变颜色会混乱.我试图通过听众解决这个问题,但它不起作用.

有人有想法吗？

这是我的代码:

var chrt = document.getElementById("mycanvas");
var ctx = chrt.getContext("2d");
var gradient = ctx.createLinearGradient(300, 0, 300, 600);
gradient.addColorStop(0, 'black');
gradient.addColorStop(0.25, 'red');
gradient.addColorStop(0.5, 'orange');
gradient.addColorStop(0.75, 'yellow');
gradient.addColorStop(1, 'green');
mycanvas.addEventListener("resize", gradient_declaration);

function gradient_declaration() {
    var w = mycanvas.innerWidth;
    var h = mycanvas.innerHeight;
    if (gradient) { gradient.destroy(); } else {
        var gradient = ctx.createLinearGradient(w / 2, 0, w / 2, h);
        gradient.addColorStop(0, 'black');
        gradient.addColorStop(0.25, 'red');
        gradient.addColorStop(0.5, 'orange');
        gradient.addColorStop(0.75, 'yellow');
        gradient.addColorStop(1, 'green');
    }
}

在这个例子中,我有一个2色的渐变,alignd到right.

background: linear-gradient(to right, #c4d7e6 50%, #66a5ad 50%, #66a5ad 50%);

我有什么方法可以有超过2种颜色？例如,我可以在第二个的右侧添加红色吗？