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的学习也是学习这些属性和方法,用这些属性和方法来创作各种效果。
下面会继续介绍这些属性和方法的详细用法。
- canvas 2
- canvas(2)
- Android4.2源码View.draw(Canvas canvas)中canvas分析
- HTML5 Canvas-Oreilly.Canvas.Pocket.Reference (2)
- HTML5 canvas 2
- canvas 绘制图形2
- html5笔记2 canvas
- HTML5--canvas笔记(2)
- html5-canvas-太阳系2
- canvas八卦图2
- canvas图像2
- canvas碰撞检测2
- canvas时钟2
- HTML5 Canvas (2)
- canvas元素示例2
- HTML5 Canvas笔记 -- 2
- JavaScript-2-6:canvas
- canvas的绘图2
- watermark相关知识
- vs2015企业版安装教程
- 101.反转串
- java基础总结八(面向对象、类、对象、封装)
- 100.猜数字
- canvas(2)
- C#/net EXCEL(.xls和.xlsx)导入到数据库
- hashCode与equals的区别与联系
- C#和JavaScript交互(asp.net前台和后台互调)总结
- Java方法的可变参数类型
- 长连接和心跳的那些事儿
- 包装类DataOutputStream、DataInputStream的常见用法
- JAVA 异常 throwable exception error throws throw
- 学习Spring必学的Java基础知识(1)----反射