好知，howzhi.com
薇薇安

班级

TA还未加入任何班级

课程

网站SEO教程(百度搜索引擎优化)
开始学习
互联网产品 网站SEO教程(百度搜索引擎优化)
1万+浏览/ 1012学员/ 4.6评分
陌路行者
免费
HTML5入门教程（MSDN）
开始学习
编程开发 HTML5入门教程（MSDN）
3万+浏览/ 1421学员/ 4.8评分
陌路行者
免费

笔记

来自新的页面组织标记(2)

html5为搜索引擎提供了便利内容布局标签：1、header->hgroup->h#头部标记header可以嵌套但不能嵌套到address,footer中2、article->address->time（可自定义格式）大块文章-一个板块的内容（html4中对应div class=content）3、section囊括一组有关系的标签4、aside表示和某一个区域块的邻近关系5、footer6、汉字元素：Ruby：当本地没有该文字字库时可以用来显示文字7、与布局无关的标签：figure,figcaption 添加与去掉对整体流式布局无影响 

来自引入多媒体对象(0)

一、视频格式：1.视频编码（按照指定方式压缩）3.音频编码3.容器格式（保证音画同步）二、html5支持的格式：1.mp4（MPEG-4/avc）：avc音频编码     +H.264视频编码2.vp8格式3.Vorbis格式格式工具:Ffmpeg、VLC、firefogg三、html5视频播放：<video><source src="" type=""/></video> 

来自Canvas对象你的画布(0)

一、绘制图形1、svg矢量图绘制模式2、控件生成图像法-效率低，灵活性差html5实现上述功能：<canvas width="" height=""></canvas>二、具体填充内容使用js实现步骤1、获得canvas对象2、获得2d绘制上下文对象3、指定填充的区域，模式，效果三、paths-context.beginPath();开始绘制-context.moveTo(300,700);移动至某点-contest.lineTo(600,100);连接到-context.stroke();实现绘制绘制抛物线：（直角坐标、极坐标-参数不同）context.quadraticCurveTo()贝塞尔曲线：context.bezierCurveTp()利用画图工具可做圆角叠加效果：true/false-显示背景色（待实践）

来自扩展图形标记(0)

内嵌图像1、绘制图形：drawImage可以截取图片然后贴到另一张图片上（叠放）2、绘制像素：getImageData返截取图片元素回一数组存储结构为r,g,b,aputImageData回写createImageData创建（需说明维度）以上可实现滤镜功能3、合成影像（重叠绘制）globalCompositeOperation：source：-over、-in、-out、-atopdestination：-over、-in、-out、-atoplighter、copy、xor 4、creatPattern类似于drawImage将内容保存下来然后在其他地方使用

留言

功能维护升级中，维护完成完后将再次开放，非常抱歉给您学习造成的不便。
友情链接: EduSoho开源网络课堂 | 气球鱼学院 | 360安全网址导航 | hao123 | 站长之家 | 新科网 | 剥豆豆
Powered by EduSoho v7.5.15 ©2014-2024 好知网 版权所属：杭州阔知网络科技有限公司