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

昆山设计网页公司

Transparency(透明度)

globalAlpha = transparencyValue: 这个属性影响到 canvas 里所有图形的透明度，有效的值范围是 0.0 （完全透明）到 1.0（完全不透明），默认是 1.0。

 globalAlpha 属性在需要绘制大量拥有相同透明度的图形时候相当高效。不过，我认为使用rgba()设置透明度更加好一些。

1、line style

线宽。只能是正值。默认是 1.0。

起始点和终点的连线为中心，上下各占线宽的一半。

2. lineCap = type

线条末端样式。

共有 3 个值：

1. butt：线段末端以方形结束

2. round：线段末端以圆形结束

3. square：线段末端以方形结束，但是增加了一个宽度和线段相同，高度是线段厚度一半的矩形区域。

   var lineCaps = ["butt", "round", "square"]; for (var i = 0; i < 3; i++){    ctx.beginPath();    ctx.moveTo(20 + 30 * i, 30);    ctx.lineTo(20 + 30 * i, 100);    ctx.lineWidth = 20;    ctx.lineCap = lineCaps[i];    ctx.stroke();} ctx.beginPath();ctx.moveTo(0, 30);ctx.lineTo(300, 30); ctx.moveTo(0, 100);ctx.lineTo(300, 100) ctx.strokeStyle = "red";ctx.lineWidth = 1;ctx.stroke();

3. lineJoin = type

同一个 path 内，设定线条与线条间接合处的样式。

共有 3 个值 round, bevel 和 miter：

round 通过填充一个额外的，圆心在相连部分末端的扇形，绘制拐角的形状。 圆角的半径是线段的宽度。

bevel 在相连部分的末端填充一个额外的以三角形为底的区域， 每个部分都有各自独立的矩形拐角。

miter(默认) 通过延伸相连部分的外边缘，使其相交于一点，形成一个额外的菱形区域。

function draw(){

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

    if (!canvas.getContext) return;

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

    var lineJoin = ['round', 'bevel', 'miter'];

    ctx.lineWidth = 20;

    for (var i = 0; i < lineJoin.length; i++){

        ctx.lineJoin = lineJoin[i];

        ctx.beginPath();

        ctx.moveTo(50, 50 + i * 50);

        ctx.lineTo(100, 100 + i * 50);

        ctx.lineTo(150, 50 + i * 50);

        ctx.lineTo(200, 100 + i * 50);

        ctx.lineTo(250, 50 + i * 50);

        ctx.stroke();

    }

}

draw(

昆山设计网页公司

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

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