HTML5

WEB语义化
nav导航条
head头部
用于绘画的canvas
用于媒介回放的video和audio元素
对离线存储更好的支持
对SEO友好
大量用于移动开发和游戏
申明文档头
contenteditable 可被编辑否

canvas

• 得到元素/画板 canvas=document.getElementById('myCanvas');
• 获得绘画环境/平面 cv=canvas.getContext('2d')

矩形

• 绘制矩形 cv.fillRect(x,y,width,height) 默认是填充黑色
• 绘制空心矩形 cv.strokeRect(x,y,width,height) 默认边框黑色
• 在给定的矩形内清除制定的像素 cv.clearRect(x,y,width,height)

颜色 样式

• 制定填充颜色 cv.fillStyle='#ff0000'
• 制定线条颜色 cv.strokeStyle='#00ff00'
• 这是边框宽度 cv.lineWidth=10
• 边界类型 bevel斜角 round圆角 miter尖角 cv.linejoin='round'