HTML5学习笔记------Canvas
2015-03-30 13:06
225 查看
1.Canvas适用于定义图形,比如图表和其他图,但它只是图形容器,必须使用脚本来绘制图形.
2.Canvas为客户端矢量图形而设计,它自己没有行为,但展现绘图 API给客户端javascript.
3.Canvas对象
多数(目前应该是全部)绘图 API 都没有定义在元素身上,而是定义在一个“绘图环境”对象上
通过画布的 getContext() 方法获得的”绘图环境”对象
canvas.getContext(contextID):canvas是DOM元素,contextID是绘制图形的类型(目前只有”2d”一个合法值)
4. CanvasRenderingContext2D 对象
CanvasRenderingContext2D对象是由canvas.getContext(“2d”)得到的(实际的绘图API)
参照: http://www.w3school.com.cn/jsref/dom_obj_canvasrenderingcontext2d.asp
2.Canvas为客户端矢量图形而设计,它自己没有行为,但展现绘图 API给客户端javascript.
3.Canvas对象
多数(目前应该是全部)绘图 API 都没有定义在元素身上,而是定义在一个“绘图环境”对象上
通过画布的 getContext() 方法获得的”绘图环境”对象
canvas.getContext(contextID):canvas是DOM元素,contextID是绘制图形的类型(目前只有”2d”一个合法值)
4. CanvasRenderingContext2D 对象
CanvasRenderingContext2D对象是由canvas.getContext(“2d”)得到的(实际的绘图API)
参照: http://www.w3school.com.cn/jsref/dom_obj_canvasrenderingcontext2d.asp
相关文章推荐
- HTML5 Canvas KineticJS 学习笔记1
- html5学习笔记---03. Canvas简介,Canvas的使用方法
- html5学习笔记三:canvas中平移,缩放,旋转等图像变换问题
- html5学习笔记6-- canvas
- html5的canvas的学习笔记
- html5学习笔记——canvas(二)
- html5中canvas学习笔记2-判断浏览器是否支持canvas
- 总结html5-canvas学习笔记
- html5学习笔记二:利用canvas绘制简单图形
- HTML5 Canvas(学习笔记一)
- HTML5学习笔记之使用canvas绘制矩形
- HTML5 Canvas知识点学习笔记
- html5 学习笔记 API canvas1 绘制对角线
- 【HTML5】HTML5 高级程序设计 学习笔记2 canvas
- HTML5 之Canvas标签学习笔记一:在页面上放置canvas元素
- html5学习笔记(6)使用canvas绘图2
- html5学习笔记 -- canvas
- html5中canvas学习笔记1-画板的尺寸与实际显示尺寸
- html5--canvas学习笔记
- html5 学习笔记——canvas(一)