html-3(4)
阿新 • • 發佈：2017-11-21
head rip 微軟 nbsp char tel center ext body
<!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)