【基础】HTML5笔记学习（canvas）

来源于《HTML5高级程序设计》

css3
圆角 border-radius
旋转变换 transform:rotate();

变换 transformation
动画 animation
过度 transition

------------
html5 语义化

audio video canvas iframe h1 group button textarea
短语 mark kbd sub sup
article aside title

新片段元素
header footer

section web页面中的一块区域
article 独立的文件内容
aside 相关内容或引文
nav

canvas规范

浏览器变换，旋转，平移位置
context.save();//保持当前绘图的状态
context.translate(130,250);

context.restore();// 恢复原有的绘图状态

context.strokeStyle ="#663300";//边框夜色
context.fillStyle = "#339900";//填充颜色

context.fillRect() //填充矩形区域

渐变 看做是颜色沿着一条线进行缓慢的变化。

步骤; 1、创建渐变对象2、为渐变对象设置颜色，指明过度方式 3、在context上填充样式
渐变对象使用addColorStop() 设置颜色和偏移量

canvas 最有用的特性之一是允许开发人员直接访问canvas底层像素数据。
context.getImageData(sx,sy,sw,sh);
在调用这个函数的时候，如果canvas中的图像来自其他域，就会抛出安全异常。

object标签