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繪製七巧板特效是一款色彩鮮豔的網頁七巧板程式碼。