DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML和Xhtml >> HTML5教程:HTML5 Canvas的文本對齊
HTML5教程:HTML5 Canvas的文本對齊
編輯:HTML和Xhtml     

要對齊HTML5 Canvas的文本,我們可以使用畫布的背景下textAlign屬性,可以設置居上,底下,居左,中心,或居右。對齊方式是相對的,以一個假想的x位置由defind文本的垂直線fillText( )或strokeText( )。除非另有設置,TextAlign屬性默認為左,這不禁讓我們想起了css屬性中的text-align

 

  1. context.textAlign=[value];


  1. window.onload = function(){ 
  2.     var canvas = document.getElementById("myCanvas"); 
  3.     var context = canvas.getContext("2d"); 
  4.   
  5.     var x = canvas.width / 2; 
  6.     var y = canvas.height / 2; 
  7.     context.font = "30pt Calibri"; 
  8.     context.textAlign = "center"; 
  9.     context.fillStyle = "blue"; 
  10.     context.fillText("Hello World!", x, y); 
  11. };

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved