canvas(2)

来源:互联网 发布:福建广电网络 宽带业务 编辑:程序博客网 时间:2024/06/06 23:17

context对象中的属性设置有:

1:用于设置颜色、样式和阴影的属性:fillStyle、strokeStyle、shadowColor、shadowBlur、shadowOffsetX、shadowOffsetY

2:用于设置线条样式的的属性:lineCap、lineJoin、lineWidth、miterLimit

3:用于设置文本的属性:font、textAlign、textBaseline

4:用于像素操作的属性:width、height、data

5:用于合成操作的属性:globalAlpha、globalCompositeOperation

context中的方法可以分成:

1:应用于颜色、样式和阴影的方法:creatLinearGradient()、creatPattern()、creatRadialGradient()、addColorStop()

2:应用于矩形的方法:rect()、fillRect()、strokeRect()、clearRect()

3:应用于路径的方法:fill()、stroke()、beginPath()、moveTo()、closePath()、lineTo()、clip()、quadraticCurveTo()、bezierCurveTo()、arc()、arcTo()、isPointInPath()

4:应用于变化的方法:scale()、rotate()、translate()、transform()、setTransform()

5:应用于文本的方法:fillTexe()、strokeText()、measureText()

6:应用于图像绘制的方法:drawImage()

7:用于像素操作的方法:creatImageData()、getImageData()、putImageData()

这些属性和方法基本是context对象中的所有属性和方法,而我对于canvas的学习也是学习这些属性和方法,用这些属性和方法来创作各种效果。

下面会继续介绍这些属性和方法的详细用法。


原创粉丝点击