Ringkasan kaedah untuk mencapai penjajaran teks dalam kemahiran tutorial HTML5 Canvas_html5

Jajarkan teksJajar secara mendatar

Kod JavaScriptSalin kandungan ke papan keratan

1. context.textAlign="tengah|akhir|kiri|kanan|mula";

Nilai dan makna setiap satu adalah seperti berikut.

Mari kita gunakan contoh untuk merasakannya secara intuitif.

Kod JavaScriptSalin kandungan ke papan keratan

1.   
2. "zh">   
3.   
4.     "UTF-8">   
5.        
6.        
7.   
8.   
9. "canvas-warp">   
10.     "canvas">   
11.         你的浏览器居然不支持Canvas？！赶快换一个吧！！   
12.        

  

  

  

    window.onload = fungsi(){   

        var kanvas = document.getElementById("kanvas");   

        canvas.width = 800;   

        canvas.height = 600;   

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

        context.fillStyle = "#FFF";   

        context.fillRect(0,0,800,600);   

  

        // 在位置 400 创建蓝线   

        context.strokeStyle="biru";   

        context.moveTo(400,100);   

        context.lineTo(400,500);   

        context.stroke();   

  

  

        context.fillStyle = "#000";   

        context.font="50px Arial";   

  

        // 显示不同的 teksSejajar 值   

        context.textAlign="mula";   

        context.fillText("textAlign=start", 400, 120);   

        context.textAlign="end";   

        context.fillText("textAlign=end", 400, 200);   

        context.textAlign="kiri";   

        context.fillText("textAlign=left", 400, 280);   

        context.textAlign="center";   

        context.fillText("textAlign=center", 400, 360);   

        context.textAlign="kanan";   

        context.fillText("textAlign=right", 400, 480);   

    };