HTML5绘制空心的文本
1、设计源码
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5绘制空心的文本</title>
<script type="text/javascript">
/**
* 绘制空心的文本
*/
function drawHollowText()
{
//找到<canvas>元素
var canvas = document.getElementById("canvas");
//创建context对象
var ctx = canvas.getContext("2d");
//设置字样和字体大小
ctx.font = "50px 微软雅黑";
//绘制空心文本
ctx.strokeText("HTML5",300,300);
}
</script>
</head>
<body onLoad="drawHollowText();">
<can