javascript - 螺旋渐变数据-改变颜色

标签 javascript html image gradient loader

有谁知道如何改变这个百分比加载器的螺旋梯度数据http://widgets.better2web.com/loader/为了改变渐变的颜色?例如,我不想从橙色到绿色,而是从蓝色到红色或其他。 我已经在 bitbucket 上创建了一个问题 :)。但我从来没有得到答案。我在 js 代码中看到了外环和内环规范,以便更改加载程序的其余部分,但对于百分比螺旋,它的“imgdata”提供了颜色。难道它是一张描述为比特码的图片?你怎么能创造出这样的东西?

这是示例代码。 imgdata 代码实际上很长但我删掉了它,因为它只有数字和字符:

/* Our spiral gradient data */
 var imgdata = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAIAAABMXPacAA[...]ZKAAAAAElFTkSuQmCC",
 gradient = new Image();
 gradient.src = imgdata;

最佳答案

渐变在 jQuery 插件中是硬编码的(在这个文件中寻找“/* Create our linear gradient for the outer ring */”:http://widgets.better2web.com/loader/loader/jquery.percentageloader-01a.js),我没有看到任何设置它们的选项关于插件初始化(甚至在运行时)。

所以改变它们的唯一方法是修改 javascript 源代码(作者使用 BSD 许可证,因此您可以进行修改)。请注意,该项目托管在 bitBucket 上,并且已经存在梯度修改问题:https://bitbucket.org/Better2Web/jquery.percentageloader/issues?status=new&status=open

关于javascript - 螺旋渐变数据-改变颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20740972/

相关文章:

javascript - 如何在递归组件中出现 "Avoid mutating a prop directly"

html - 如何在 <marquee> 中的句子之间添加空格?

javascript - 无论如何,有没有办法在 HTML 内容上实现磨砂玻璃 float div(类似 IO7)

javascript - 检测输入的搜索栏

jQuery水平动画而不是垂直动画

php - 如何在PHPexcel中限制行数组

python - OpenCV:着色失败

html - CSS 嵌入图像作为链接

c# - 使用 WPF 在 C# 中动态更改图像

javascript - 将对象值添加到数组的现有点分键