class h5 点击后样式变化_H5学习笔记

目录

• • 什么是HTML:
  • 头部标签

• H5视频
• H5音频
• H5拖放
• H5Web存储
• H5应用缓存
• H5画布SVG
• H5画布canvas
  • • • 全局属性：
      • 事件属性：
        • 颜色、样式和阴影
        • 线条样式
        • 矩形
        • 路径
        • 转换
        • 文本
        • 图像绘制
        • 像素操作
        • 合成

• • • • 画图秀秀

• • SVG与Canvas 的区别

• H5 与各个主流浏览器的兼容性
• H5实例

什么是HTML:

HTML是HyperText Markup Language的缩写，翻译成中文是超文本标记语言，用于网页的创建。

头部标签

H5视频

H5音频

H5拖放

H5Web存储

H5应用缓存

H5画布SVG

H5画布canvas

什么是 Canvas？
1、HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。
2、画布是一个矩形区域，您可以控制其每一像素。
3、canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。

属性	值	描述

全局属性：

accesskey 规定激活元素的快捷键。
class 规定元素的一个或多个类名（引用样式表中的类）。
contenteditable 规定元素内容是否可编辑。
contextmenu 规定元素的上下文菜单。上下文菜单在用户点击元素时显示。
data-* 用于存储页面或应用程序的私有定制数据。
dir 规定元素中内容的文本方向。
draggable 规定元素是否可拖动。
dropzone 规定在拖动被拖动数据时是否进行复制、移动或链接。
hidden 规定元素仍未或不再相关。
id 规定元素的唯一 id。
lang 规定元素内容的语言。
spellcheck 规定是否对元素进行拼写和语法检查。
style 规定元素的行内 CSS 样式。
tabindex 规定元素的 tab 键次序。
title 规定有关元素的额外信息。
translate 规定是否应该翻译元素内容。

事件属性：

onafterprint script 文档打印之后运行的脚本。
onbeforeprint script 文档打印之前运行的脚本。
onbeforeunload script 文档卸载之前运行的脚本。
onerror script 在错误发生时运行的脚本。
onhaschange script 当文档已改变时运行的脚本。
onload script 页面结束加载之后触发。
onmessage script 在消息被触发时运行的脚本。
onoffline script 当文档离线时运行的脚本。
ononline script 当文档上线时运行的脚本。
onpagehide script 当窗口隐藏时运行的脚本。
onpageshow script 当窗口成为可见时运行的脚本。
onpopstate script 当窗口历史记录改变时运行的脚本。
onredo script 当文档执行撤销（redo）时运行的脚本。
onresize script 当浏览器窗口被调整大小时触发。
onstorage script 在 Web Storage 区域更新后运行的脚本。
onundo script 在文档执行 undo 时运行的脚本。
onunload script 一旦页面已下载时触发（或者浏览器窗口已被关闭）。

颜色、样式和阴影

线条样式

矩形

路径

转换

文本