<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>绘制文字</title>
<script type="text/javascript">
function drawText(){
var canvas=document.getElementById("canvas1");
var context=canvas.getContext(‘2d‘);
context.fillStyle="ffffff";
context.font=" italic 50px 微软雅黑";
context.textAlign="center";
context.textBaseline="top";
context.fillText("你是我的段儿子!!!",200,100,1000);
}
</script>
</head>
<body>
<canvas id="canvas1" align="center" width="500" height="400"></canvas>
<input type="button" value="点击我绘制文字" align="center" onClick="drawText()"/>
</body>
</html>
html-3(4)
原文地址：http://www.cnblogs.com/wantao/p/7873672.html