C#230课的主要内容

今天主要讲了一下知识点：

           HTML5 Canvas

canvas元素用于在网页上绘制图形

什么是Canvas?

html5的canvas元素使用JavaScript在网页上绘制图像

画布是一个矩形区域，你可以控制其每一像素

canvas拥有多种绘制路径，矩形圆形，字符以及添加图像的方法。

创建Canvas元素

向HTML5页面添加canvas元素。

规定元素的id,宽度和高度：

更多Canvas实例

实例-线条

通过指定从何处开始，在何处结束，来绘制一条线：

实例-圆形

通过规定尺寸，颜色和位置，来绘制一个圆：

通过JavaScript来绘制

实例-点变

使用你指定的颜色来绘制点变背景：

实例-图像

把一副图像放置到画布上：

拥有多种绘制路径，矩形，圆形，字符以及添加图形的方法。

理解坐标

canvas元素本身是没有绘制能力的，所有的绘制工作必须在JavaScript内部完成：

JavaScript使用id来寻找canvas元素：

然后，创建content对象：