HTML5通过挪用canvas工具的getContext()要领来获取画图情形_H5之家

我们用的最根基的画图情形在canvas中画图，通过挪用canvas工具的getContext()要领来获取画图情形。getContext()要领只必要一个参数：画图情形的范例。在游戏中，我们行使2D范例的画图情形。

获取canvas画图情形

代码如下:

<!DOCTYPE Html>
<Html>
<head>
<meta http-equiv="Content-type" content="text/Html; charset = utf-8">
<title>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>
<canvas width = "400" height = "200" id = "tCanvas" style = "border:black 1px solid;">

提醒：你的赏识器不支持<canvas>标签
</canvas>
</body>
</Html>
本文地址：
转载请注明出处。