上往建站提供服务器空间服务商，百度快照排名，网站托管，百度推广运营,致力于设计外包服务与源代码定制开发，360推广，搜狗推广,增加网站的能见度及访问量提升网络营销的效果,主营：网站公司,百度推广公司电话,官网搭建服务,网站服务企业排名,服务器空间,英文域名等业务，专业团队服务，效果好。

包头淘宝装修/包头京东店铺设计/包头拼多多网店装修公司/包头企业网店开通申请-网店装修设计

制二次贝塞尔曲线:

quadraticCurveTo(cp1x, cp1y, x, y)

说明：

• 参数 1 和 2：控制点坐标

• 参数 3 和 4：结束点坐标

绘制三次贝塞尔曲线:

bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y)

说明：

• 参数 1 和 2：控制点 1 的坐标

• 参数 3 和 4：控制点 2 的坐标

• 参数 5 和 6：结束点的坐标

五、添加样式和颜色

在前面的绘制矩形章节中，只用到了默认的线条和颜色。

如果想要给图形上色，有两个重要的属性可以做到。

fillStyle = color 设置图形的填充颜色

strokeStyle = color 设置图形轮廓的颜色

备注：

1. color 可以是表示 css 颜色值的字符串、渐变对象或者图案对象。

2. 默认情况下，线条和填充颜色都是黑色。

3. 一旦您设置了 strokeStyle 或者 fillStyle 的值，那么这个新值就会成为新绘制的图形的默认值。如果你要给每个图形上不同的颜色，你需要重新设置 fillStyle 或 strokeStyle 的值。

fillStyle

function draw(){

  var canvas = document.getElementById('tutorial');

  if (!canvas.getContext) return;

  var ctx = canvas.getContext("2d");

  for (var i = 0; i < 6; i++){

    for (var j = 0; j < 6; j++){

      ctx.fillStyle = 'rgb(' + Math.floor(255 - 42.5 * i) + ',' +

        Math.floor(255 - 42.5 * j) + ',0)';

      ctx.fillRect(j * 50, i * 50, 50, 50);

    }

  }

}

draw();

包头淘宝装修/包头京东店铺设计/包头拼多多网店装修公司/包头企业网店开通申请-网店装修设计

上往建站提供搭建网站，域名注册，官网备案服务，网店详情页设计，企业网店，专业网络店铺管理运营全托管公司咨询电话，服务器空间，微信公众号托管，网页美工排版,致力于域名申请，竞价托管，软文推广，全网营销,提供标准级专业技术保障，了却后顾之忧,主营：虚拟主机，网站推广，百度竞价托管，网站建设，上网建站推广服务，网络公司有哪些等业务，专业团队服务，效果好。

服务热线：400-111-6878 手机微信同号:18118153152（各城市商务人员可上门服务）