C#129课的主要内容

今天主要学习了一下知识点：

       HTML5 Canvas

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

        什么是canvas?

           html 5de canvas元素使用javascript在网页上绘制图像

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

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

          创建canvas 元素

          向HTML5页面添加canvas元素

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

           通过JavaScript来绘制

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

             JavaScript使用id来寻找canvas元素

             然后，创建context对象：

            getContext("2d")对象是内建的HTML5对象，拥有多种绘制路径，矩形，圆形，字符以及添加图像的方法

               理解坐标

                 更多Canvas 实例

                实例——线条

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

                      实例-圆形

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

         实例——渐变

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

           实例——图像

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

HTML5内联SVG

   什么是SVG?

           SVG指可伸缩矢量图形

            SVG用于定义用于网络的基于适量的图形

              SVG使用XML格式定义图形

               SVG图形在放大或改变尺寸的情况下图形质量不会有损失

             SVG是万维网联盟的标准

             SVG的优势

                图形课通过文本编译器来创建和修改

               图形可被搜索，索引脚本化或压缩

              可伸缩的

              图形课在任何的分辨率下被高质量地打印

              可在图像质量不降的情况下被放大