html5的七巧板特效

    var c=document.getElementById("mycanvas");
    var ctx= c.getContext("2d");
//    第一个三角形
//    开始绘制
    ctx.beginPath();
//    绘制的基点
    ctx.moveTo(0,0);
//    绘制从前一点到这点的直线
    ctx.lineTo(300,300);
    ctx.lineTo(0,600);
    ctx.closePath();//填充或闭合 需要先闭合路径才能画
//    空心三角形
//    ctx.strokeStyle="#FF7900";
//    ctx.stroke();
//    实心三角形
    ctx.beginPath();
    ctx.moveTo(0,0);
    ctx.lineTo(300,300);
    ctx.lineTo(0,600);
    ctx.closePath();//填充或闭合 需要先闭合路径才能画
//    进行绘图处理
    ctx.fillStyle = 'rgba(200,0,0,0.5)';
    ctx.fill();

html5 canvas绘制七巧板特效是一款色彩鲜艳的网页七巧板代码。