網(wǎng)頁(yè)制作文章簡(jiǎn)介：HTML5 Canvas的文本設(shè)置字體和大小.

HTML5 Canvas的文本設(shè)置字體和大小，我們可以使用的字體在畫(huà)布范圍內(nèi)的屬性。

下面我們就做一個(gè)簡(jiǎn)單的實(shí)例為大家講解下，基本語(yǔ)法：

context.font=[value];

HTML5 Canvas Text Font & Size 例子

html5_canvas_text_size

body {margin: 0px;padding: 0px;}

#myCanvas {border: 1px solid #9C9898; margin:0 auto;margin-top:200px; margin-left:100px;}

window.onload = function(){

var canvas = document.getElementById("myCanvas");

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

var x = 150;

var y = 100;

context.font = "40pt Calibri";

context.fillText("Hello WEBJX!", x, y);

};

總結(jié)

以上是生活随笔為你收集整理的html5文本设置字体大小,HTML5 Canvas的文本设置字体和大小的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。