绘制图形_定义辐射渐变色

1. ctx.createRadialGradient(x0, y0, r0,x1, y1,r1)：定义渐变线的起点终点，确定颜色渐变方向，返回一个CanvasGradient对象

   • x0：是辐射起始的圆的圆心横坐标
   • y0：是辐射起始的圆的圆心纵坐标
   • r0：是起始圆的半径
   • x1：是辐射终止的圆的圆心横坐标
   • y1：是辐射终止的圆的圆心纵坐标
   • r1：是终止圆的半径

2. CanvasGradient.addColorStop(num,color)：指定渐变点的颜色

   • num：第一个参数是0到1之间的一个数字，代表渐变点的位置，0表示起点，1表示终点
   • color：表示该渐变点的颜色

3. 使用定义好的渐变色。

xxxxxxxxxx
        // 创建渐变        
         var grt = ctx.createRadialGradient(100, 100, 50,           100, 100, 100);
        grt.addColorStop(0, 'red')
        grt.addColorStop(0.5, 'yellow')
        grt.addColorStop(1, 'pink')
        // 绘制矩形
        ctx.rect(0,0,200,200)
        ctx.fillStyle=grt
        ctx.fill()

实时效果反馈

1.下列描述错误的是：

A ctx.createRadialGradient( )定义辐射渐变色

B ctx.createRadialGradient(100, 100, 100,100, 100, 50 )跟ctx.createRadialGradient(100, 100, 50,100, 100, 100 )效果一样

答案

1=>B