HTML5 创建canvas元素示例代码


Posted in HTML / CSS onJune 04, 2014

HTML5 创建canvas元素

复制代码
代码如下:

<!--<!DOCTYPE> 声明必须是 HTML 文档的第一行,位于 <html> 标签之前。-->
<!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()
{
alert('HTML5 页面加载完毕!');
}
</script>
</head>
<body onload="pageLoaded();">
<canvas width = "640" height = "480" id = "tCanvas" style = "border:black 1px solid;">
<!--如果浏览器不支持则显示如下字体-->
提示:你的浏览器不支持<canvas>标签
</canvas>
</body>
</html>
HTML / CSS 相关文章推荐
25个CSS3动画按钮和菜单教程分享
Oct 03 HTML / CSS
一款利用纯css3实现的超炫3D表单的实例教程
Dec 01 HTML / CSS
HTML5的结构和语义(4):语义性的内联元素
Oct 17 HTML / CSS
Html5游戏开发之乒乓Ping Pong游戏示例(二)
Jan 21 HTML / CSS
HTML5 Canvas——用路径描画线条实例介绍
Jun 09 HTML / CSS
html5实现canvas阴影效果示例
May 07 HTML / CSS
HTML5新增的表单元素和属性实例解析
Jul 07 HTML / CSS
HTML5拖放API实现拖放排序的实例代码
May 11 HTML / CSS
详解webapp页面滚动卡顿的解决办法
Dec 26 HTML / CSS
HTML5 语义化标签(移动端必备)
Aug 23 HTML / CSS
CSS中妙用 drop-shadow 实现线条光影效果
Nov 11 HTML / CSS
CSS 实现磨砂玻璃(毛玻璃)效果样式
May 21 HTML / CSS
解决Firefox下不支持outerHTML问题代码分享
Jun 04 #HTML / CSS
html5小技巧之通过document.head获取head元素
Jun 04 #HTML / CSS
HTML5图片预览实例分享
Jun 04 #HTML / CSS
阻止移动设备(手机、pad)浏览器双击放大网页的方法
Jun 03 #HTML / CSS
Application Cache未缓存文件无法访问无法加载问题
May 31 #HTML / CSS
HTML5 input placeholder 颜色修改示例
May 30 #HTML / CSS
利用HTML5的新特点实现图片文件异步上传
May 29 #HTML / CSS
You might like
thinkPHP中验证码的简单使用方法
2015/12/26 PHP
thinkPHP下的widget扩展用法实例分析
2015/12/26 PHP
php中10个不同等级压缩优化图片操作示例
2016/11/14 PHP
PHP实现的AES双向加密解密功能示例【128位】
2018/09/03 PHP
提高代码性能技巧谈—以创建千行表格为例
2006/07/01 Javascript
js 文件引入实现代码
2010/04/23 Javascript
javascript中数组的冒泡排序使用示例
2013/12/18 Javascript
jquery的ajax异步请求接收返回json数据实例
2014/06/16 Javascript
javascript复制粘贴与clipboardData的使用
2014/10/16 Javascript
JS+CSS实现的经典tab选项卡效果代码
2015/09/16 Javascript
JavaScript实现的SHA-1加密算法完整实例
2016/02/02 Javascript
20分钟轻松创建自己的Bootstrap站点
2016/05/12 Javascript
从零学习node.js之模块规范(一)
2017/02/21 Javascript
JavaScript观察者模式(publish/subscribe)原理与实现方法
2017/03/30 Javascript
vue bootstrap小例子一枚
2017/06/09 Javascript
微信小程序 input表单与redio及下拉列表的使用实例
2017/09/20 Javascript
微信小程序promsie.all和promise顺序执行
2017/10/27 Javascript
解决vue中使用Axios调用接口时出现的ie数据处理问题
2018/08/13 Javascript
vue路由中前进后退的一些事儿
2019/05/18 Javascript
python实现探测socket和web服务示例
2014/03/28 Python
Python循环语句之break与continue的用法
2015/10/14 Python
使用XML库的方式,实现RPC通信的方法(推荐)
2017/06/14 Python
关于python3中setup.py小概念解析
2019/08/22 Python
tensorflow入门:TFRecordDataset变长数据的batch读取详解
2020/01/20 Python
python numpy实现多次循环读取文件 等间隔过滤数据示例
2020/03/14 Python
pytorch简介
2020/11/11 Python
HTML5通用接口详解
2016/06/12 HTML / CSS
HTML最新标准HTML5总结(必看)
2016/06/13 HTML / CSS
详解canvas多边形(蜘蛛图)的画法示例
2018/01/29 HTML / CSS
Lampenwelt德国:欧洲领先的灯具和照明在线商店
2018/08/05 全球购物
SCDKey德国:全球领先的数字游戏市场
2019/04/09 全球购物
维多利亚的秘密阿联酋官网:Victoria’s Secret阿联酋
2019/12/07 全球购物
技能比赛获奖感言
2014/02/14 职场文书
扬尘污染防治方案
2014/06/15 职场文书
落实八项规定专题民主生活会对照检查材料
2014/09/15 职场文书
学术会议通知范文
2015/04/15 职场文书