![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML5
liujf
用行动证明一切
展开
-
html5笔记(1)概述
一、Html5的内容类型 1、内嵌:向文档中添加其他类型的内容,例如audio、video、canvas和iframe等 2、流:在文档和应用的body中使用的元素,例如form、h1和small等 3、标题:段落标题,例如h1、h2和hgroup等 4、交互:与用户交互的内容,例如音频和视频控件、button和textarea等 5、元数据:通常出现在页面的head中,设置页面其他部分原创 2013-03-09 21:32:27 · 1010 阅读 · 0 评论 -
Html5笔记(3)概述
使用Selectors API简化选取操作 一、以前用来查找元素的JavaScript方法 函数 描述 示例 getElementById() 根据指定的id属性值查找并返回元素 getElementById("foo"); getElementsByName() 返回所有name属性为指定值的元素 getElementsByName(原创 2013-03-10 21:01:14 · 1035 阅读 · 4 评论 -
html5笔记(4)canvas简单应用
一、一些概念 1、canvas坐标 canvas中的坐标是从左上角开始的,x轴沿着水平方向(按像素)向右延伸,y轴沿垂直方向向下延伸。左上角坐标是x=0,y=0的点称作原点。 2、canvas中所有的操作都是通过上下文对象来完成的,我们实际操作的是画布所提供的上下文对象。对上下文的很多操作都不会立即反映到页面上,只有当对路径应用绘制(stroke)或填充(fill)方法时,结果才会显示出来。原创 2013-03-17 08:55:32 · 783 阅读 · 0 评论 -
HTML5笔记(2)概述
针对上一篇的HTML5添加CSS样式 body { background-color:#CCCCCC; font-family:Geneva,Arial,Helvetica,sans-serif; margin:0px auto; max-width:900px; border:solid; border-color:#FFFFFF; } header { backgroun原创 2013-03-10 09:54:52 · 693 阅读 · 0 评论 -
html5学习笔记(6)使用canvas绘图2
一、对树干使用背景图片 注意:当图片加载完成时才能在树干上使用 //加载用作树干的图片 var bark = new Image(); bark.src = "bark.jpg"; //当图片加载完成,开始在canvas上绘图 bark.onload = function () { d原创 2013-04-14 11:06:56 · 1123 阅读 · 3 评论 -
html5笔记(5)使用canvas绘图1
//在画布上画树 function drawTrails() { var canvas=document.getElementById('trails'); var context=canvas.getContext('2d'); context.save(); context.translate(100,250); //1、路径 //创建表现树冠的路径 createCanopyP原创 2013-03-17 19:30:50 · 1056 阅读 · 0 评论