标签: gradient

无论斜率如何,我都试图绘制一条柔和边缘的线条.

这是我到目前为止的代码:

<Line   HorizontalAlignment="Stretch" VerticalAlignment="Center"
        Stretch="Uniform" StrokeThickness="5" X1="0" Y1="0" X2="1" Y2="0">
    <Shape.Stroke>
        <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
            <GradientStop Color="Transparent" Offset="0" />
            <GradientStop Color="Green" Offset="0.5" />
            <GradientStop Color="Transparent" Offset="1" />
        </LinearGradientBrush>
    </Shape.Stroke>
</Line>

这对我来说很有意义,因为线条是水平的,线性渐变是垂直的,边缘是透明的,线条的中间是纯绿色.

结果令人高兴:
http://img15.imageshack.us/img15/4108/horizo​​ntalsoftline.png
放大,这样你就可以看到渐变:http:
//img225.imageshack.us/img225/5027/horizo​​ntalsoftlinezoomeb.png

但是,当线不再是水平线时,渐变是基于线的边界矩形计算的,而不是根据线本身的几何形状计算的.结果是垂直阴影的斜线,而不是垂直于线的渐变:http:
//img183.imageshack.us/img183/7250/slantedsoftline.png

有谁知道WPF如何处理软边缘？我在谷歌或MSDN上找不到任何东西,我知道有一种方法可以做到这一点......

如何使用XML制作这种可绘制渐变？

我可以做一个从颜色A到颜色B的简单渐变,但我不知道如何在同一个drawable中组合两个渐变.

-moz-mask-imageFirefox 似乎不支持它.

我正在尝试前景渐变.我不能使用图像,因为我需要文本可选.有没有人对Firefox有任何想法？

此版本适用于chrome和safari

CSS:

-webkit-mask-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.16, rgba(0,0,0,0)), color-stop(0.52, rgba(0,0,0,.5)), color-stop(0.77, rgba(0,0,0,1)));

-moz-mask: -moz-gradient(linear, left bottom, left top, color-stop(0.16, rgba(0,0,0,0)), color-stop(0.52, rgba(0,0,0,.5)), color-stop(0.77, rgba(0,0,0,1)));

我将渐变作为背景图像应用到我的身体.然后我在顶部添加了255px偏移量background-position:0 255px;.

它看起来相当不错,除了一个小问题:当然,渐变不会在页面底部结束,而是在底部255px.

是否有任何简单的方法让渐变结束于底部,但从偏移开始？

http://jsfiddle.net/julian_weinert/ar6jC/

我UIImageView想在Flipboard中创建一个像阴影一样的渐变.

它的一个例子是该图像中的图片

正如您在右侧iPhone上看到的那样,顶部和底部有一个较暗的渐变.这样如果图片是白色的,仍然可以看到白色文本.

有人对我如何实现这个有任何建议吗？我是iOS开发的新手,因此对此毫无头绪.谢谢!

如何用渐变色绘制圆圈？比如,从黄色到蓝色的渐变.

通常,要创建黄色圆圈,我们可以使用以下代码:

var cdata=[50,40];
var xscale=40;
var xspace =50;
var yscale=70;

var svg = d3.select("body")
    .append("svg")
    .attr("width", 1600)
    .attr("height", 1600);

var circle = svg.selectAll("circle")
    .data(cdata)
   .enter()
    .append("circle");

var circleattr = circle
    .attr("cx", function(d) {
        xscale = xscale+xspace;
        return xscale;
    })
    .attr("cy", function(d) {
        yscale=yscale+xspace+10;
        return yscale;
    })
    .attr("r", function(d) {
        return d;
    })
    .style("fill","yellow");

这是一个jsfiddle Sankey diagram:

我试图修改链接的颜色,以便每个链接的颜色实际上是从源节点颜色到其目标节点颜色的渐变.(假设不透明度将保持为0.2或0.5,这取决于鼠标是否在链接上徘徊;因此链接将保持比节点稍微"淡化")

我看了一下这个漂亮而有启发性的例子,它绘制了这个渐变填充循环:

但是,我根本无法将该解决方案集成到我的解决方案中,对于给定的任务来说,它看起来太复杂

另外,请注意原始Sankey图中的链接在拖动节点时移动,并且即使在那些暂时状态下也必须显示渐变.一个小问题是链接和节点的透明度以及绘制顺序.我会很感激想法和提示.

 <div class="bg-gradient-to-r from-cyan-500 to-blue-500 ">

。。。。

我已经尝试过上面的代码。但这是线性渐变，我想要垂直渐变。

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <gradient 
        android:startColor="#000"
        android:centerColor="#00000000"
        android:endColor="#000"
        android:angle="270"
        android:dither="true"
     />
</shape>

这是我尝试的代码,但它最终成为纯黑色.

我想将状态栏背景设置为渐变主题,状态栏和动作栏颜色应该是相同的渐变可绘制,根据文档,我们可以使用API​​级别21及以上的状态栏将颜色设置为使用

<item name="android:statusBarColor">@color/colorPrimary</item>

但我正在寻找类似的东西

<item name="android:statusBarDrawable">@drawable/myDrawable</item>

我见过使用的例子

 <item name="android:windowTranslucentStatus">false</item>
   <item name="android:windowTranslucentNavigation">false</item>

但在那种情况下状态栏和操作栏重叠(使用fitSystemWindow = true但仍未解决)也尝试使用https://github.com/jgilfelt/SystemBarTint这个库,但仍然没有运气

先感谢您!!