如何在畫布方法createRadialGradient使用弧度值（）

Question

可能有人給我下面的畫布方法的第3 & 6 PARAMS的解釋：

createRadialGradient（0，0，50，0，0，100 ）;

我已經告訴他們弧度的價值觀和我不熟悉的類型，並想了解如何正確地使用它們。

謝謝。

Answer 1

他們不是弧度值，但半徑值。見例如here以獲取參數說明以及您可以在瀏覽器中運行的示例。

的第三個參數是起始圓的半徑，以及第六屆參數是結束圓的半徑。可視化一個從初始中心和半徑移動到最終中心和半徑的圓，平滑地插入其中。所以你得到一個圓柱體或圓錐體的顏色（或圓柱體和圓錐體之間的某種形狀）。如果兩個中心是一樣的，你會得到一個圓盤或甜甜圈形狀。

播放上面的例子中的PARAMS，你會看到如何梯度變化的部分。 增加第三個參數，並且在梯度中間會有一個（更大）「洞」。減少第6個參數，你的漸變不會出去。