首先我們需要在HTML頁面中使用canvas標簽創建一個畫布，設置其id值為myCanvas。

 canvas id= myCanvas /canvas 

然后使用JavaScript在畫布中繪制文本圖形

1、獲取到canvas控件

var canvas = document.getElementById( myCanvas // 查找畫布元素

2、使用getContext()方法配置繪圖的環境，創建繪圖對象

var ctx = canvas.getContext( 2d 

3、通過fillText方法來在canvas里寫上文本，參數分別為文本內容，和文本所在的位置。

我們也可以使用font屬性來設置一下文本的字體大小和字體類型。

ctx .font= 20px 微軟雅黑 ctx .fillText( PHP  ,20,20,200);

效果圖：

可以看到現在頁面上顯示的文本是默認的黑色文字。

3、想要設置文本的字體顏色，就需要使用fillStyle屬性，這個屬性可以接受一個顏色的代碼值，比如#cc0000，也可以接受一個顏色的英文單詞，比如red。

ctx .fill >
完整js代碼：
 canvas id= myCanvas /canvas  script type= text/javascript  var canvas = document.getElementById( myCanvas // 查找畫布元素 var ctx = canvas.getContext( 2d  ctx .font= 20px 微軟雅黑  ctx .fill >
 效果圖：
 
以上就是本篇文章的全部內容，希望能對大家的學習有所幫助。更多精彩內容大家可以關注php 相關教程欄目！！！
以上就是HTML5畫布如何設置字體顏色?（代碼示例）的詳細內容，html教程        
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。