<!DOCTYPE HTML>
<html>
<body>
<canvas id="my Canvas" width="200"height="100"style="border:1px solid #c3c3c3;">
hello hanshuzhi
</canvas>
<script type="text/javascript">
var c=document.getElementById("my Canvas");
var cxt=c.getContext("2d");
cxt.fillstyle="#FF0000";
cxt.beginpath();
cxt.arc(70,18,15,0,Math.PI*2,true);
cxt.closepath();
cxt.fill();
</script>
</body>
</html>
<html>
<body>
<canvas id="my Canvas" width="200"height="100"style="border:1px solid #c3c3c3;">
hello hanshuzhi
</canvas>
<script type="text/javascript">
var c=document.getElementById("my Canvas");
var cxt=c.getContext("2d");
cxt.fillstyle="#FF0000";
cxt.beginpath();
cxt.arc(70,18,15,0,Math.PI*2,true);
cxt.closepath();
cxt.fill();
</script>
</body>
</html>