html5怎么在canvas圆里写字_IT百科

context.fillStyle = "#000000"//颜色

context.font = "normal 20px 微软雅黑"//字体

context.textBaseline = "middle"//竖直对齐

context.textAlign = "center"//水平对齐　

context.fillText("文字", x坐标, y坐标, 文字宽度)//绘制文字

以上是canvas绘制文字常用的.

HTML5 Canvas的文本设置字体和大小，可以使用的字体在画布范围内的属性。

下面是一个简单的实例，基本语法：

context.font=[value]

HTML5 Canvas Text Font &Size 例子

<!DOCTYPE HTML>

<html>

<head>

<title>html5_canvas_text_size</title>

<style>

body {margin: 0pxpadding: 0px}

#myCanvas {border: 1px solid #9C9898margin:0 automargin-top:200pxmargin-left:100px}

</style>

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)

}

</script>

</head>

<body>

</canvas>

</body>

</html>

欢迎分享，转载请注明来源：内存溢出

html5怎么在canvas圆里写字