0
我正在嘗試爲多個畫布編寫幹代碼。我將漸變應用於chartjs圖表,並且不希望爲每個圖表實例重寫相同的漸變。多畫布,可重複使用的漸變
var ctx1 = $("#SoftwareChart").get(0).getContext("2d");
var ctx2 = $("#WebChart").get(0).getContext("2d");
var gradient1 = ctx1.createLinearGradient(0, 0, 0, 400);
gradient1.addColorStop(0, '#ff9170');
gradient1.addColorStop(1, '#ff3f05');
var gradient2 = ctx1.createLinearGradient(0, 0, 0, 400);
gradient3.addColorStop(0, '#f5d147');
gradient3.addColorStop(1, '#dfb30c');
var gradient1 = ctx2.createLinearGradient(0, 0, 0, 400);
gradient1.addColorStop(0, '#ff9170');
gradient1.addColorStop(1, '#ff3f05');
var gradient2 = ctx2.createLinearGradient(0, 0, 0, 400);
gradient3.addColorStop(0, '#f5d147');
gradient3.addColorStop(1, '#dfb30c');
正如你所看到的,這不是很乾燥,我討厭它。在我想要使用的所有畫布上是否有一種方法可以使用.getContext,並將漸變應用於所有畫布?
謝謝,我幫助。 –