Внедрение статьи Wulin.com (www.vevb.com): применение ежедневного обучающего тега HTML5 - рисунок графики радиального градиента.
Мы научились нарисовать графики линейного градиента, используя холст, и сегодня мы научимся рисовать графики радиального градиента. Благодаря изучению предыдущего класса, мы знаем, что рисунок линейных графиков градиента использует очень важную функцию - CreateLinearGrideiend ();
Если мы хотим нарисовать радиальный градиент, у нас есть аналогичный метод следующим образом:
xstart: горизонтальная ось начальной точки градиента
Ystart: вертикальная координата начальной точки градиента
xend: градиентная конечная точка горизонтальная ось
Йенд: вертикальная координата конечной точки градиента
RadiusStart: радиус круга, который начинает меняться
Радиусенд: радиус круга, заканчивающийся градиентом
Наконец, мы можем провести очень красивый градиент с помощью метода AddColorStop, который мы выучили в последнем классе. Он также должен установить номер с плавающей запятой между 0-1 в качестве смещения градиентной точки поворота.
Весь случай кода такой же, как в предыдущем классе, за исключением: