canvas

最新推荐文章于 2025-09-11 10:42:34 发布

转载最新推荐文章于 2025-09-11 10:42:34 发布 · 53 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/tydy9891-/p/9196868.html

文章标签：

#xhtml

###ES6创建类
关键字：class

构造函数：constructor
###ES6继承
关键词：extends

父类，超类：super
###HTML5内容
    HTML4：所有HTML的基础
    XHTML：规范更严格，并没有加新东西
    HTML5：最开始由WHATWG研发出来的，后来由W3C收购并且加入了一些新东西
    XML:可拓展标记源，存储数据（W3C）规范非常严格

语义化是HTML5里面新增的特性
    两大特点：
        利于SEO（搜索引擎）
        方便于屏幕阅读器解析

###canvas
属性，方法
    .canvas：画板
    画板.getContext('2d'):画笔
    画笔.fillStyle="":换画笔的颜色
    画笔.fill()：填充
    画笔.stroke():边框
    画笔.lineWidth= ：加粗边框
    画笔.clearRect(, , , ,):清除画布
    画笔.translate():改画布的圆心
    画笔.save（）：保持状态
    画笔.restore（）：还原
    画笔.beginPath():重新开始新的路径
    画笔.rotate（）：旋转

画矩形
    画笔.fillRect(x,y,width,height):填充的矩形（实心）
    画笔.strokeRect(x,y,width,height):边框的矩形（空心）
    画笔.strokeStyle ="":换空心矩形的边框颜色
    画笔.beginPath():开始路径
    画笔.rect(x,y,width,height):绘一个矩形路径

画圆
    画笔.arc(x,y,r,sAngle,eAngle,counterclockwise)
    x:圆中心的x坐标
    y:圆中心的y坐标
    r:圆的半径
    sAngle:起始角，以弧度计（弧的圆形的三点钟位置是0 度）
    eAngle:结束角，以弧度计
    counterclockwise:可选；规定应该逆时针还是顺时针绘图；false：顺势针，true：逆时针