HTML5 创建canvas元素示例代码

 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> 

时间: 2025-01-19 10:14:15

HTML5 创建canvas元素示例代码的相关文章

HTML5在a标签内放置块级元素示例代码

对比起XHTML来说,HTML5通过更简单的元素引起了一系列的思考,坦诚地讲,这真的是急需的简化.这些简化之一就是能够通过<a>标签 包装像div,h标签(h1...h6),和段落标记P 这些块级元素.你没看错:用一个A标签包裹块级元素(译者注: 在HTML5以前,a标签属于行内元素,而div,h1,p 等为块级元素,如果强行包裹,可能会被强行截断为多个a标签.当然,都是浏览器的事啦.). 示例代码:   复制代码 代码如下: <body> <a href="/ab

javascript与jquery动态创建html元素示例_javascript技巧

本文实例讲述了javascript与jquery动态创建html元素的方法.分享给大家供大家参考,具体如下: 1.javascript创建元素 创建select var select = document.createElement("select"); elect.options[0] = new Option("加载项1", "value1"); select.options[1] = new Option("加载项2",

javascript创建createXmlHttpRequest对象示例代码

 这篇文章主要介绍了javascript创建createXmlHttpRequest对象的示例代码.需要的朋友可以过来参考下,希望对大家有所帮助  代码如下:  var xmlHttp;       function createXmlHttpRequest()     {         if(window.XMLHttpRequest)         {             xmlHttp=new XMLHttpRequest();               if(xmlHttp.o

js 高效去除数组重复元素示例代码

 有关使用js去除数组重复元素的文章在之前也有介绍过,下面有个不错示例,感兴趣的朋友可以参考下 代码如下: function unique(data){  data = data || [];  var a = {};  for (var i=0; i<data.length; i++) {  var v = data[i];  if (typeof(a[v]) == 'undefined'){  a[v] = 1;  }  };  data.length=0;  for (var i in a

Javascript遍历table中的元素示例代码

 这篇文章主要介绍了Javascript如何遍历table中的元素,需要的朋友可以参考下       例如: <table id=tb> <tr><th> </th><th> </th><th> </th><th> </th></tr> <tr><td> </td><td> </td><td> </

Jquery动态添加及删除页面节点元素示例代码_jquery

通常我们会遇到选中某个条件,然后添加,累计多个后,再进行执行. 废话不多说,直接上代码! 复制代码 代码如下: <!doctype html> <html> <head> <meta charset="utf-8"> <title>Jquery动态添加及删除页面节点</title> <script src="http://code.jquery.com/jquery-1.8.3.min.js&quo

Javascript遍历table中的元素示例代码_javascript技巧

例如: <table id=tb> <tr><th> </th><th> </th><th> </th><th> </th></tr> <tr><td> </td><td> </td><td> </td><td> </td></tr> <tr>&

html5 更新图片颜色示例代码

 代码如下: <canvas id="c1" width="1220" height = "880" style="background: none repeat scroll 0% 0% transparent; "></canvas> <script> var cID = "c1"; var image = new Image(); image.src = "

Js中获取frames中的元素示例代码

本文为大家介绍下使用js获取父frame元素及获取子frame元素的实现代码,有需求的朋友可以参考下,希望对大家有所   复制代码 代码如下: var oCombo = window.parent.frames["frmresourcetype"].document.getElementById('cmbType') ; 获取父frame元素 var oCombo = window.frames["frmresourcetype"].document.getElem