HTML5之8 __Canvas 文本

canvas API 具有強大的文字功能， 操作canvas  文字與操作其他路徑物件   的方式相同： 可以​​描繪文字輪郭，填滿文字內部。

context 物件的文字繪製由兩個函數實作:

fillText(text, x, y, maxwidth);                   它, I ;              描繪輪郭

<br>

兩個函數的參數： 文字參數， 以及用於指定文字位置的座標參數， maxwidth  是可選參數, 用於限製字體大小, 將文字字體強制收縮到指定尺寸.

此外還有一個measureText () 函數， 它會傳回一個度量對象， 其中包含了在目前context 環境下指定文字的實際顯示寬度<br>

<br>

在HTML5.js 源码定义为:

/**@param {string} text@return {TextMetrics}*/CanvasRenderingContext2D.prototype.measureText = function(text) {};

一個範例<br>

成strokeText(), 效果: 

<br>

<br>為了確保文字在各瀏覽器下都能正常顯示, Canvas  API 為context 提供了類似於CSS 的屬性， 以此來保證實際顯示效果的高度可配置.

<br><br> 以上就是HTML5之8 __Canvas 文本的內容，更多相關內容請關注PHP中文網（www.php.cn）！

<br>