canvas入门
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了canvas入门相关的知识，希望对你有一定的参考价值。
<canvas../>元素它是专门用来绘制图形的，但是它自身并不绘制图形，他只是相当于一块空的画布，任由开发者在其上利用javascript脚本进行绘制。
一般绘图需要一下.1：先获取canvas对应的dom对象，2.调用canvas对象的getContext（）方法，3.调用CanvasRenderingContext2D对象的方法绘图。
这是一个简单的例子：
<body> <canvas id="cvs"></canvas> <script> var cvs=document.getElementById(‘cvs‘); var ctx=cvs.getContext(‘2d‘); // 设置填充颜色 ctx.fillStyle=‘black‘; // 绘制矩形 ctx.fillRect(30,40,80,100) </script> </body>
以上是关于canvas入门的主要内容，如果未能解决你的问题，请参考以下文章
自己定义View时，用到Paint Canvas的一些温故，简单的帧动画（动画一 ，"掏粪男孩Gif"顺便再提提onWindowFocusChanged）(代码片段
canvas入门，一篇博文带你学会用代码绘画，直击实战案例！