螺旋梯度數據 - 改變顏色

是否有人知道如何更改此百分比加載器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;

來源

2013-12-23 Marc

我得到了編碼器的答覆：

https://bitbucket.org/Better2Web/jquery.percentageloader/issue/8/spiral-gradient-data

感謝。

來源

2014-03-28 10:47:51 Marc

梯度在jQuery的硬編碼插件（尋找「/ *創建我們的外圈線性漸變* /「在這個文件中：http://widgets.better2web.com/loader/loader/jquery.percentageloader-01a.js），我沒有看到任何選項來設置插件初始化（甚至在運行時）。

所以改變他們的唯一方法是修改javascript源代碼（作者使用BSD許可證，因此您可以進行修改）。作爲一個通知，該項目位於到位桶，並且已經有梯度的修改問題：https://bitbucket.org/Better2Web/jquery.percentageloader/issues?status=new&status=open

來源

2013-12-23 10:53:28 Akaryatrh

嘿thx，是啊我創建了這個問題bitbucket :)。但我從來沒有得到答案。是的，我看到了外部和內部環的規格，以改變其他的裝載機，但百分比螺旋提供顏色的「imgdata」。難道這是一幅描述爲位碼的圖片嗎？你怎麼能夠創造這樣的東西？ – Marc

好的，那就是你的問題啊：D無論如何，要將圖像轉換爲base64，必須在canvas上下文中使用toDataURL（）（更多信息，請訪問：https：//developer.mozilla.org/en-US/docs /網絡/ API/HTMLCanvasElement）。作者使用編碼的圖像來表示方便，但您可以使用常規圖像，並將其路徑分配給gradient.src – Akaryatrh

ok thx您知道我可以如何使用常規圖像嗎？我試着用imgdata =「test.png」和「data：image/png; test.png」。沒有工作 – Marc

螺旋梯度數據 - 改變顏色

回答

相關問題