获取canvas绘图环境
复制代码
代码如下:
<!--<!DOCTY PE > 声明必须是 HT ML 文档的第一行，位于 <html> 标签之前。-->
<!DOCTYPE html>
<html>
<head>
< ;m eta http-equiv="Content -t ype" content="text/html; charset = utf-8">
<t IT le>HTML5</title>
<script type="text/javascript" charset = "utf-8">
//这个函数将在页面完全加载后调用
function pageLoaded()
{
//获取canvas对象的引用,注意tCanvas名字必须和下面body里面的id相同
VAR canvas = document.getElementById('tCanvas');
//获取该canvas的2D绘图环境
var context = canvas.getContext('2d');
// 绘制 代码将出现在这里
}
</script>
</head>
<body onload="pageLoaded();">
<canvas width = "400" h ei ght = "200" id = "tCanvas" style = "border:black 1px solid;">
<!--如果浏览器不支持则显示如下字体-->
提示：你的浏览器不支持<canvas>标签
</canvas>
</body>
</html>
总结
以上是 为你收集整理的 HTML5通过调用canvas对象的getContext()方法来获取绘图环境 全部内容，希望文章能够帮你解决 HTML5通过调用canvas对象的getContext()方法来获取绘图环境 所遇到的问题。
如果觉得 网站内容还不错， 推荐好友。
查看更多关于HTML5通过调用canvas对象的getContext()方法来获取绘图环境的详细内容...