国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

キャンバスに線を描く

Context オブジェクトの beginPath メソッドはパスの描畫の開始を示し、moveTo(x, y) メソッドは線分の始點を設定し、lineTo(x, y) メソッドは線分の終點を設定します。ストローク法は、透明な線分に色を付けるために使用されます。 moveto メソッドと lineto メソッドは複數(shù)回使用できます。最後に、closePath メソッドを使用して、現(xiàn)在の點から開始點まで自動的に直線を引いて閉じた図形を形成することもできるため、lineto メソッドを一度使用する必要がなくなります。

コードは次のとおりです: 

<body>
    <canvas id="demoCanvas" width="500" height="600">
    </canvas>
    <script type="text/javascript">
        //通過id獲得當前的Canvas對象
        var canvasDom = document.getElementById("demoCanvas");
        //通過Canvas Dom對象獲取Context的對象
        var context = canvasDom.getContext("2d");
        context.beginPath(); // 開始路徑繪制
        context.moveTo(20, 20); // 設置路徑起點，坐標為(20,20)
        context.lineTo(200, 200); // 繪制一條到(200,20)的直線
        context.lineTo(400, 20);
        context.closePath();
        context.lineWidth = 2.0; // 設置線寬
        context.strokeStyle = "#CC0000"; // 設置線的顏色
        context.stroke(); // 進行線的著色，這時整條線才變得可見
    </script>
</body>
學び続ける
||
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>huatu</title> <body> <canvas id="demoCanvas" width="500" height="600"> </canvas> <script type="text/javascript"> //通過id獲得當前的Canvas對象 var canvasDom = document.getElementById("demoCanvas"); //通過Canvas Dom對象獲取Context的對象 var context = canvasDom.getContext("2d"); context.beginPath(); // 開始路徑繪制 context.moveTo(20, 20); // 設置路徑起點，坐標為(20,20) context.lineTo(200, 200); // 繪制一條到(200,20)的直線 context.lineTo(400, 20); context.closePath(); context.lineWidth = 2.0; // 設置線寬 context.strokeStyle = "#CC0000"; // 設置線的顏色 context.stroke(); // 進行線的著色，這時整條線才變得可見 </script> </body> </html>