html5 canvas 核心技术 源码,HTML5 Canvas核心技术讲解

HTML5 Canvas核心技术讲解

本课程主要讲解了Canvas核心技术的基础知识。

Canvas是Flash的代替者，是HTML5新增的组件，它就像一块幕布，可以用JavaScript在上面绘制各种图表、动画等，没有Canvas的年代，绘图只能借助Flash插件实现，页面不得不用JavaScript和Flash进行交互。有了Canvas，我们就再也不需要Flash了，直接使用JavaScript完成绘制。

课程目录

课时01、认识Canvas

课时02、Canvas和SVG的比较

课时03、Canvas标签和Canvas对象

课时04、坐标系、填充和描边

课时05、绘制直线图形

课时06、绘制圆和圆弧

课时07、贝塞尔曲线

课时08、认识线条

课时09、线条相关属性

课时10、显示基本文本

课时11、设置文本字型相关属性

课时12、文本和Canvas上下文

课时13、文本的渐变和图案

课时14、图片操作

课时15、绘制图片

课时16、平铺图片和切割图片

课时17、变形操作

课时18、图形平移和缩放

课时19、图形旋转和变换矩阵

课时20、像素操作

课时21、像素操作相关方法

课时22、相关的效果

课时23、线性渐变和径向渐变

课时24、使用图片、画布或video

课时25、阴影、渐变色和纹理

课时26、Canvas状态

课时27、路径

课时28、globalAlpha和globalCompositeOperation