问题标签 [radial-gradients]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
2073 浏览

highcharts - Highcharts:径向渐变未显示在自定义图表上

所以我试图用我的自定义饼图来实现径向渐变。我使用自己的颜色而不是默认颜色。

我试图实现这个线程中看到的自定义颜色:

HighCharts:如何将自定义颜色与渐变相结合

但我认为对于我的数据对象,我需要以不同的方式实现它们。

我的图表示例位于此处:http: //jsfiddle.net/PcX4b/2/

这是我在调用图表之前的代码:

})

在那里你可以看到图表正在渲染,但我没有看到任何渐变。不知道我做错了什么,我没有收到任何错误,所以我对为什么这不起作用感到困惑。

0 投票
1 回答
702 浏览

wpf - WPF 中自定义按钮的视觉反馈

我的主窗口中有一个自定义按钮,我希望能够在单击它以及鼠标悬停在它上面时向用户提供一些视觉反馈。我使用RadialGrandientBrush为我的按钮着色。我想在这些事件中继续使用它,但我不知道如何在trigger.

这是我当前的代码:

如何RadialGradientBrush在触发器内使用刷子,例如二传手?

谢谢你。

0 投票
1 回答
2018 浏览

css - 径向渐变在Firefox中不起作用

这在 Firefox 22 中不起作用:

但它适用于 Chrome:

这是 Firefox 有问题的第二个论点。如果改为

它适用于FF,但这并不是我想要的效果!

jsbin 示例

0 投票
1 回答
267 浏览

javascript - 适用于 Android 28 的 Chrome:HTML Canvas RadialGradient 渲染不正确

Chrome 版本:28.0.`500.94 操作系统 Android:4.1.1

径向梯度功能无法正常工作。

结果是一个实心圆圈。Android 上的其他浏览器(以及 Chrome 桌面版)可以正确呈现它。

例子:

http://fiddle.jshell.net/eDnQL/2/show/

有人认识这个吗?

0 投票
2 回答
1053 浏览

css - CSS3径向渐变在不同浏览器中显示不同

我正在尝试为我的网站使用径向渐变背景,它在 Firefox 中显示正常,但在 Chrome 和 IE 中显示不同。无论如何,下面是它在 Firefox 中的外观(我也希望它看起来像)以及它在 IE 和 Chrome 中的外观。我使用Ultimate CSS 渐变生成器来尝试保持跨浏览器兼容性。这是我用于渐变的代码。

下面是不同浏览器的结果:

火狐

火狐

Chrome 和 IE

Chrome 和 IE

有谁知道使它在 Chrome 和 IE 中看起来相似的任何解决方案?

0 投票
1 回答
112 浏览

ios - 将线宽设置为径向渐变

我正在使用径向渐变来绘制圆形。它工作正常,但现在我想设置边框颜色和边框宽度。我试过了,但它不起作用。

这是我的代码,

如何设置边框颜色和宽度?

0 投票
0 回答
216 浏览

ios - 渐变颜色到气泡

我在我的应用程序中使用核心图形绘制气泡。现在我想为我的气泡设置渐变颜色效果。我可以给那个气泡提供径向效果。但我想设置一些不同的渐变效果之王。这是我使用径向渐变的代码:

我在这里附上了图片,就像我想要渐变色一样。请帮助我。谢谢。在此处输入图像描述

0 投票
1 回答
484 浏览

jquery - svgradialGradient 停止不透明度不可动画?

我想使用 jQuery 为 svg 元素中渐变的停止不透明度设置动画,但它不起作用。然而,动画停止颜色确实可以使用相同的代码。

HTML:

jQuery:

我在这里做错了什么?还是停止不透明度根本无法动画化?

更新我

根据 W3,stop-opacity可动画的。http://www.w3.org/TR/SVG/pservers.html#GradientStops

0 投票
1 回答
91 浏览

css - IE字体难看的解决方法

我在用着

在 div 中制作径向背景,但是 IE 的字体渲染很丑,就像在一些 jquery 效果中(fadeIn、fadeOut、ecc.)。使用的字体是 Arial。

有人知道使字体正常的技巧吗?

提前感谢您的帮助

0 投票
1 回答
173 浏览

silverlight - Silverlight 5 带渐变的地球旋转动画消耗大量 CPU 资源

我在 Silverlight 中创建了一个无穷无尽的“地球旋转”动画,它为两张图片制作了动画。如果我只用两张图片做动画,动画会占用2-5%的CPU。这对我来说似乎没问题,也很正常。如果我添加一些简单的叠加效果(其中包含渐变的弧线),CPU 使用率会上升到 25%-30%,这太多了。

这是代码。我添加了注释,“错误代码”开始和结束的地方。

我的问题是:我怎样才能优化这个动画?为什么叠加渐变对 CPU 的要求如此之高?

CPU 重动画的图像