HTML5绘制实心的文本
1、设计源码
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5绘制实心的文本</title>
<script type="text/javascript">
function drawSolidText()
{
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
ctx.font = "40px 微软雅黑";
ctx.fillText("HTML5",200,200);
}
</script>
</head>
<body onLoad="drawSolidText();">
<canvas id="canvas" width="400" height="400"></canvas>
</body>
</html>
3、源码说明
（1）创建一个画布，设置宽度和高度
<canvas id="canvas" width="400" height="400"></canvas>
（2）获取到<canvas>元素
var canvas = document.getElementById("canvas");var ctx = canvas.getContext("2d");ctx.font = "40px 微软雅黑";
ctx.fillText("HTML5",200,200);原文：http://blog.csdn.net/you23hai45/article/details/50094497