html5使用canvas畫一條線

字號:


    代碼太簡單了,就不廢話了
    代碼如下:
    var canvas=document.getElementById("canvas");
    //設(shè)置繪圖環(huán)境
    var cxt=canvas.getContext('2d');
    //開啟新路近
    cxt.beginPath();
    // 設(shè)置筆觸的寬度
    cxt.lineWidth=10;
    //設(shè)置筆觸的顏色
    cxt.strokeStyle="#00ff00";
    //設(shè)定筆觸的位置
    cxt.moveTo(20,20);
    //設(shè)置移動的位置
    cxt.lineTo(100,20);
    //畫線
    cxt.stroke();//這個時候的線已經(jīng)出來了
    //關(guān)閉路徑
    cxt.closePath();
    //凡事路徑圖形必須先開始路徑,畫完之后必須結(jié)束路徑
    名單