2022年7月24日
摘要：
localStorage、sessionStorage、cookie三者的区别 （1）存储大小 cookie数据大小不能超过4k ； cookie存储是可以设置过期时间； sessionStorage和localStorage 虽然也有存储大小的限制，但比cookie大得多，可以达到5M或更大； c 阅读全文
摘要：
cookie cookie的组成： Cookie是一段不超过4KB的小型文本数据，由一个名称（Name）、一个值（Value）和其它几个用于控制Cookie有效期、安全性、使用范围的可选属性组成。 (1)Name/Value：设置Cookie的名称及相对应的值，对于认证Cookie，Value值包括 阅读全文
摘要：
localStorage和sessionStorage localStorage和sessionStorage是window的两个属性，他们代表同一个Storage对象； localStorage和sessionStorage的API： setItem()：将对应的名字和值传递进去，可以实现数据存储 阅读全文
摘要：
清除画布指定元素 clearRect() 方法清空给定矩形内的指定像素 ； JavaScript 语法： context.clearRect(x,y,width,height); 参数描述 x 要清除的矩形左上角的 x 坐标 y 要清除的矩形左上角的 y 坐标 width 要清除的矩形的宽度，以像素 阅读全文
摘要：
绘制图片 语法： drawImage()：将原图片像素的内容复制到画布上； 第一个参数是源图片，可以是img元素或Image构造函数创建的屏幕外图片对象； 三个参数时： 指定图片绘制的x、y坐标； 五个参数时： 指定图片绘制的x、y坐标，以及图片的宽度、高度； 九个参数时： 裁剪的对象 裁剪的位置（ 阅读全文
摘要：
绘制文本信息 方法描述 fillText() 在画布上绘制“被填充的”文本 strokeText() 在画布上绘制文本（无填充） 三个参数： 绘制的内容； 起点x坐标； 起点y坐标； 文本颜色使用fillStyle属性指定； 文本字体使用font属性指定，和CSS一致； textAlign属性指定水 阅读全文
摘要：
曲线的绘制和填充 语法 arc()：在当前子路经添加一条弧线； 语法：context.arc(x,y,r,sAngle,eAngle,counterclockwise); 参数描述 x 圆的中心的 x 坐标。 y 圆的中心的 y 坐标。 r 圆的半径。 sAngle 起始角，以弧度计。（弧的圆形的三 阅读全文
摘要：
矩形的绘制 语法 （1）rect()：在当前子路经添加一条弧线； 语法：context.rect(x,y,width,height); 四个参数： 起点坐标x,y：左上角坐标； 宽度width：矩形的宽度； 高度height：矩形的高度； （2）strokeRect()方法可以直接绘制一个矩形； 语 阅读全文
摘要：
绘制线和填充多边形 1.绘制线段的API是上下文对象的方法； 2.beginPath：开始定义一条新的路径； 3.moveTo：开始定义一条新的子路径，该方法确定了线段的起点； 4.lineTo：将上面定义的线段起点和指定的新的点连接起来； 5.到这里只是规划好了思路，还没有在画布上画出任何图形； 阅读全文