html5中文学习网

您的位置: 首页 > html5教程 > 入门教程 » 正文

HTML5 创建canvas元素示例代码_html5教程技巧

[ ] 已经帮助:人解决问题
点评:这篇文章主要介绍了如何声明HTML5以及使用HTML5如何创建canvas元素,需要的朋友可以参考下
HTML5 创建canvas元素 edfHTML5中文学习网 - HTML5先行者学习网

复制代码
代码如下:
edfHTML5中文学习网 - HTML5先行者学习网
<!--<!DOCTYPE> 声明必须是 HTML 文档的第一行,位于 <html> 标签之前。--> edfHTML5中文学习网 - HTML5先行者学习网
<!DOCTYPE html> edfHTML5中文学习网 - HTML5先行者学习网
<html> edfHTML5中文学习网 - HTML5先行者学习网
<head> edfHTML5中文学习网 - HTML5先行者学习网
<meta http-equiv="Content-type" content="text/html; charset = utf-8"> edfHTML5中文学习网 - HTML5先行者学习网
<title>HTML5</title> edfHTML5中文学习网 - HTML5先行者学习网
<script type="text/javascript" charset = "utf-8"> edfHTML5中文学习网 - HTML5先行者学习网
<!--这个函数将在页面完全加载后调用--> edfHTML5中文学习网 - HTML5先行者学习网
function pageLoaded() edfHTML5中文学习网 - HTML5先行者学习网
{ edfHTML5中文学习网 - HTML5先行者学习网
alert('HTML5 页面加载完毕!'); edfHTML5中文学习网 - HTML5先行者学习网
} edfHTML5中文学习网 - HTML5先行者学习网
</script> edfHTML5中文学习网 - HTML5先行者学习网
</head> edfHTML5中文学习网 - HTML5先行者学习网
<body onload="pageLoaded();"> edfHTML5中文学习网 - HTML5先行者学习网
<canvas width = "640" height = "480" id = "tCanvas" style = "border:black 1px solid;"> edfHTML5中文学习网 - HTML5先行者学习网
<!--如果浏览器不支持则显示如下字体--> edfHTML5中文学习网 - HTML5先行者学习网
提示:你的浏览器不支持<canvas>标签 edfHTML5中文学习网 - HTML5先行者学习网
</canvas> edfHTML5中文学习网 - HTML5先行者学习网
</body> edfHTML5中文学习网 - HTML5先行者学习网
</html> edfHTML5中文学习网 - HTML5先行者学习网
edfHTML5中文学习网 - HTML5先行者学习网
(责任编辑:)
推荐书籍
推荐资讯
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助