Как использовать значения радиан в методе Canvas createRadialGradient ()

Question

Может ли кто-нибудь дать мне объяснение 3-го и 6-го параметров следующего метода Canvas:

createRadialGradient (0, 0, 50, 0, 0, 100);

Мне сказали, что это значения радиан, и я не знаком с этими типами и хотел бы понять, как их правильно использовать.

Спасибо.

Answer 1

Это не радиан, а радиус . Смотрите, например здесь для описания параметров и примера, который вы можете запустить в своем браузере.

3-й параметр - это радиус начального круга, а 6-й параметр - это радиус конечного круга. Визуализируйте круг, перемещающийся от начального центра и радиуса к конечному центру и радиусу, плавно интерполируя между ними Таким образом, вы получите цветной цилиндр или конус (или некоторую форму между цилиндром и конусом). Если два центра совпадают, вы получите форму диска или пончика.

Поиграйте с параметрами в приведенном выше примере, и вы увидите, как изменяются части градиента. Увеличьте третий параметр, и у вас будет (больше) "дыра" в середине вашего градиента. Уменьшите 6-й параметр, и ваш градиент не достигнет такого уровня.