标签: gradient

假设我有一个div，并应用了渐变作为背景属性。我现在想要覆盖一个黑色 PNG（较小尺寸）并将 PNG 设置为具有覆盖的背景混合模式。不幸的是我不知道如何实现这一目标。

我知道当我使用 PNG 图像将渐变渲染到 Div 的 CSS 中时，我可以有一个工作背景混合模式，如下所示：

background: url(../img/plus.png), linear-gradient(to bottom, #24cae4 0%, #1f81e3 100%);
background-blend-mode: overlay;

然而，这会导致渐变与实际 PNG 一样小，这不是理想的效果，如下所示：

我想用纯 CSS 实现这一点（如果可能的话）：

这里有一个 Codepen 来说明我想要做什么：http://codepen.io/anon/pen/zxOXGP 注意黑色图标。我想覆盖这个。

^ 这就是输出应该是的。

它与 div 的 border-bottom 属性有关，该属性占据视口的整个宽度。

我已经搜索过，并且尝试过答案，但问题是，其中一些地址在所有方向上都有边界，而另一些则有不同颜色的边界，而不是在同一行。

如何使用 Pure CSS 或其任何预处理器来实现这一点？

另外，我可以使用MaterializeCSS放置图像并使其响应，但这超出了目的。因此，像将其用作图像这样的答案是没有用的。

注意间距。

在说明梯度下降时，我们通常会看到下面的碗形图。另外，据说使用log_loss代替平方误差，我们可以更容易地找到损失的最小值，因为使用平方误差作为损失函数，可能会导致多个局部最小值。

因此，我想绘制如下所示的碗形状图。

然而，我只设法绘制了以下内容

这是我的代码，有人可以帮我修复它吗？谢谢

from mpl_toolkits.mplot3d.axes3d import Axes3D
import matplotlib.pyplot as plt
from matplotlib import cm
import numpy as np
import math


fig, ax1 = plt.subplots(1, 1, figsize=(8, 5), subplot_kw={'projection': '3d'})

# Get the test data
x1 = 1
x2 = 1
y = 0.8
w = np.linspace(-10,10,100)
# w = np.random.random(100)
wl = np.linspace(-10,10,100)
# wl = np.random.random(100)
w1 = np.ones((100,100))
w2 = np.ones((100,100))
for idx in range(100):
    w1[idx] = w1[idx]*w
    w2[:,idx] = w2[:,idx]*wl

L = []
for i …

我想在 R 和 ggplot2 中创建一个直方图，其中根据连续的 x 值填充箱。大多数教程仅通过离散值或密度/计数进行着色。

按照这个例子，我们可以用彩虹刻度为垃圾箱着色：

df <- data.frame(x = runif(100))

ggplot(df) +
  geom_histogram(aes(x), fill = rainbow(30))

彩虹直方图

我想使用颜色渐变，其中垃圾箱从蓝色（最低）到黄色（最高）。该scale_fill_gradient()函数似乎实现了这一点，但是当我插入它代替rainbow()参数时fill，我收到一个错误：

> ggplot(df) +
+ geom_histogram(aes(x), fill = scale_fill_gradient(low='blue', high='yellow'))

Error: Aesthetics must be either length 1 or the same as the data (30): fill

我尝试了几种方法来为刻度提供 30 的长度，但每次都会遇到相同的错误。所以我的问题是：

1. scale_color_gradient该参数的函数是正确的fill还是我必须使用另一个函数？
2. 如果它是正确的功能，我如何正确提供长度？

我有一个 2D 数组正弦模式，想要绘制该函数的 x 和 y 梯度。我有一个二维数组image_data：

def get_image(params):
    # do some maths on params
    return(image)

params = (a, b, c)
image_data = get_image(params)

我用来numpy.gradient获取渐变：

gradients = numpy.gradient(image_data)
x_grad = gradients[0]
y_grad = gradients[1]

绘制所有三个看起来像：

此图案不是 45 度。我希望 x 和 y 梯度不同。在我看来，应该是相对于两侧索引x_gradient[i][j]的梯度以及相对于上方和下方索引的梯度。由于图案稍微倾斜，因此梯度以不同的速率变化。image_data[i][j]y_gradient[i][j]image_data

我是否误解了我的数据或不理解numpy.gradient输出？

我想创建一个水平温度计图表，颜色渐变从绿色（左）到红色（右）。

我能够添加颜色渐变，但它是垂直的而不是水平的。

其次，是否可以在图表上方显示“我”文本？当它位于图表顶部时很难阅读

library(ggplot2)
library(grid)

g <- rasterGrob(c("lightgreen", "yellow", "orange", "red"), 
                width=unit(1,"npc"), height = unit(1,"npc"), 
                interpolate = TRUE) 

myVariable1 <- 17
dataset <- data.frame(myVariable1)

maxVariable1 = max(myVariable1, 25)

ggplot(dataset, aes(myVariable1)) +
  scale_x_continuous(expand = c(0, 0), limits = c(0, maxVariable1)) +
  scale_y_continuous(expand = c(0, 0), limits = c(0, 10)) +

  annotation_custom(g, xmin=-Inf, xmax=Inf, ymin=-Inf, ymax=Inf) +   

  theme(
    axis.title.y=element_blank(),
    axis.ticks.y=element_blank(),
    axis.text.y=element_blank()
  ) + 
  geom_vline(aes(xintercept=myVariable1), color="red", size=1) +  
  annotate("text", x=myVariable1-1, y=10-0.4, label="Me", colour="red")

我想在 Instagram 徽标中添加颜色渐变，而不影响徽标的可见性。

超文本标记语言

<div class="wrapper">
      <a href="http://www.facebook.com"><i class="fa fa-3x fa-facebook-square"></i></a>
      <a href="http://www.twitter.com"><i class="fa fa-3x fa-twitter-square"></i></a>
      <a href="http://www.instagram.com"><i class="fa fa-3x fa-instagram instagram"></i></a>
</div>

CSS

.wrapper {
  justify-content: center;
  align-items: center;
}
.wrapper i {
  padding: 10px;
  text-shadow: 0px 6px 8px rgba(0, 0, 0, 0.6);
  transition: all ease-in-out 150ms;
}
.wrapper a:nth-child(1) {
  color: #3b5998
}
.wrapper a:nth-child(2) {
  color: #1DA1F2;
}
.wrapper a:nth-child(3) {
  color: black;
}
.wrapper i:hover {
  margin-top: -3px;
  text-shadow: 0px 14px 10px rgba(0, 0, 0, 0.4); …

这是用 Matplotlib 创建的。是否可以在 Gnuplot 5 中制作相同类型的阴影？

是否可以将 recyclerview 的背景设置为渐变，以便渐变跨越整个 recyclerview 而不是跨越屏幕？换句话说，我希望背景可绘制高度等于所有项目的总高度，以便当用户向下滚动时背景颜色发生变化，并且只有当用户向下滚动到最后一个时才能达到渐变的结束颜色物品。

<shape>
    <gradient
        android:startColor="@color/colorPrimary500"
        android:endColor="@color/colorSecondary50"
        android:angle="90"/>
</shape>

当我使用这个形状作为 recyclerview 的背景时height="wrap_content"，我可以向下滚动，但渐变跨越屏幕高度并且是静态的，结束颜色（黄色）始终位于屏幕底部，起始颜色（蓝色）始终位于顶部： 屏幕截图

我认为的一种解决方案是将 recyclerview 的高度设置为其子级的总高度，但我不知道如何完成。

我想通过函数导出梯度torch.topk。

假设我的输入是一个向量 ,

然后通过参数矩阵进行变换 ,

并选择向量的前 k 个值 。

结果向量通过逐元素乘法进一步变换。

最后损失计算如下

。

我想知道，损失相对于 W 可微吗？形式上，我们可以计算以下梯度吗？