如何在Canvas方法createRadialGradient（）中使用弧度值

Question

有人可以给我一个解释第3＆amp;以下Canvas方法的第6个参数：

createRadialGradient（0,0,50,0,0,100）;

我被告知他们是弧度值，我不熟悉这些类型，并且想要了解如何正确使用它们。

感谢。

Answer 1

它们不是弧度值，而是半径值。参见例如here用于参数说明和您可以在浏览器中运行的示例。

第3个参数是起始圆的半径，第6个参数是结束圆的半径。可视化从初始中心和半径移动到最终中心和半径的圆，在两者之间平滑插值。所以你得到一个圆柱体或圆锥体（或圆柱体和圆锥体之间的某种形状）。如果两个中心相同，则会得到圆盘或圆环形状。

使用上面示例中的参数进行游戏，您将看到渐变的各个部分如何变化。 增加第3个参数，你的渐变中间会有一个（更大的）“洞”。减少第6个参数，你的渐变不会走得太远。